PluginProbe ʕ •ᴥ•ʔ
AI Engine – The Chatbot, AI Framework & MCP for WordPress / 2.3.9
AI Engine – The Chatbot, AI Framework & MCP for WordPress v2.3.9
3.5.8 3.5.7 3.5.6 3.5.5 3.5.4 3.5.3 3.5.2 3.5.1 3.5.0 3.4.9 3.4.8 3.4.7 0.2.1 1.6.91 0.2.2 1.6.92 0.2.3 1.6.93 0.2.4 1.6.94 0.2.5 1.6.95 0.2.6 1.6.96 0.2.7 1.6.97 0.2.8 1.6.98 0.2.9 1.6.99 0.3.0 1.7.0 0.3.1 1.7.1 0.3.2 1.7.2 0.3.3 1.7.3 0.3.4 1.7.4 0.3.5 1.7.5 0.3.6 1.7.6 0.4.0 1.7.7 0.4.1 1.7.8 0.4.2 1.7.9 0.4.3 1.8.0 0.4.4 1.8.1 0.4.5 1.8.2 0.4.6 1.8.3 0.4.7 1.8.4 0.4.8 1.8.5 0.4.9 1.8.6 0.5.0 1.8.7 0.5.1 1.8.8 0.5.2 1.8.9 0.5.3 1.9.0 0.5.4 1.9.1 0.5.5 1.9.2 0.5.6 1.9.3 0.5.7 1.9.4 0.5.8 1.9.5 0.5.9 1.9.6 0.6.0 1.9.7 0.6.1 1.9.8 0.6.2 1.9.81 0.6.3 1.9.82 0.6.4 1.9.83 0.6.5 1.9.84 0.6.6 1.9.85 0.6.7 1.9.86 0.6.8 1.9.87 0.6.9 1.9.88 0.7.0 1.9.89 0.7.1 1.9.90 0.7.2 1.9.91 0.7.3 1.9.92 0.7.4 1.9.93 0.7.5 1.9.94 0.7.6 1.9.95 0.7.7 1.9.96 0.7.8 1.9.97 0.7.9 1.9.98 0.8.0 1.9.99 0.8.1 2.0.0 0.8.2 2.0.1 0.8.3 2.0.2 0.8.4 2.0.3 0.8.5 2.0.4 0.8.6 2.0.5 0.8.7 2.0.6 0.8.8 2.0.7 0.8.9 2.0.8 0.9.0 2.0.9 0.9.2 2.1.0 0.9.3 2.1.1 0.9.4 2.1.2 0.9.5 2.1.3 0.9.6 2.1.4 0.9.7 2.1.5 0.9.8 2.1.6 0.9.81 2.1.7 0.9.82 2.1.8 0.9.83 2.1.9 0.9.84 2.2.0 0.9.85 2.2.1 0.9.86 2.2.2 0.9.87 2.2.3 0.9.88 2.2.4 0.9.89 2.2.5 0.9.9 2.2.51 0.9.91 2.2.52 0.9.92 2.2.53 0.9.93 2.2.54 0.9.94 2.2.56 0.9.95 2.2.57 0.9.96 2.2.6 0.9.97 2.2.60 0.9.98 2.2.61 0.9.99 2.2.62 1.0.0 2.2.63 1.0.01 2.2.70 1.0.1 2.2.80 1.0.2 2.2.81 1.0.3 2.2.90 1.0.4 2.2.91 1.0.5 2.2.92 1.0.6 2.2.93 1.0.7 2.2.94 1.0.8 2.2.95 1.0.9 2.3.0 1.1.0 2.3.1 1.1.1 2.3.2 1.1.2 2.3.3 1.1.3 2.3.4 1.1.4 2.3.5 1.1.5 2.3.6 1.1.6 2.3.7 1.1.7 2.3.8 1.1.8 2.3.9 1.1.9 2.4.0 1.2.0 2.4.1 1.2.1 2.4.2 1.2.2 2.4.3 1.2.21 2.4.4 1.2.3 2.4.5 1.2.30 2.4.6 1.3.0 2.4.7 1.3.1 2.4.8 1.3.2 2.4.9 1.3.3 2.5.0 1.3.31 2.5.1 1.3.32 2.5.2 1.3.33 2.5.3 1.3.34 2.5.4 1.3.35 2.5.5 1.3.36 2.5.6 1.3.37 2.5.7 1.3.38 2.5.8 1.3.39 2.5.9 1.3.40 2.6.0 1.3.41 2.6.1 1.3.42 2.6.2 1.3.43 2.6.3 1.3.44 2.6.5 1.3.45 2.6.6 1.3.46 2.6.7 1.3.47 2.6.8 1.3.48 2.6.9 1.3.49 2.7.0 1.3.50 2.7.1 1.3.51 2.7.2 1.3.52 2.7.3 1.3.53 2.7.4 1.3.54 2.7.5 1.3.56 2.7.6 1.3.57 2.7.7 1.3.58 2.7.8 1.3.59 2.7.9 1.3.60 2.8.0 1.3.61 2.8.1 1.3.62 2.8.2 1.3.63 2.8.3 1.3.64 2.8.4 1.3.65 2.8.5 1.3.66 2.8.6 1.3.67 2.8.7 1.3.68 2.8.8 1.3.69 2.8.9 1.3.70 2.9.0 1.3.71 2.9.1 1.3.72 2.9.2 1.3.73 2.9.3 1.3.74 2.9.4 1.3.75 2.9.5 1.3.76 2.9.6 1.3.77 2.9.7 1.3.78 2.9.8 1.3.79 2.9.9 1.3.80 3.0.0 1.3.81 3.0.1 1.3.82 3.0.2 1.3.83 3.0.3 1.3.84 3.0.4 1.3.85 3.0.5 1.3.86 3.0.6 1.3.87 3.0.7 1.3.88 3.0.8 1.3.89 3.0.9 1.3.90 3.1.0 1.3.91 3.1.1 1.3.92 3.1.2 1.3.93 3.1.3 1.3.94 3.1.4 1.3.95 3.1.5 1.3.96 3.1.6 1.3.97 3.1.7 1.3.98 3.1.8 1.3.99 3.1.9 1.4.0 3.2.0 1.4.1 3.2.1 1.4.2 3.2.2 1.4.3 3.2.3 1.4.4 3.2.4 1.4.5 3.2.5 1.4.6 3.2.6 1.4.7 3.2.7 1.4.8 3.2.8 1.4.9 3.2.9 1.5.0 3.3.0 1.5.1 3.3.1 1.5.2 3.3.2 1.5.3 3.3.3 1.5.4 3.3.4 1.5.5 3.3.5 1.5.6 3.3.6 1.5.7 3.3.7 1.5.8 3.3.8 1.5.9 3.3.9 1.6.0 3.4.0 1.6.1 3.4.1 1.6.2 3.4.2 1.6.3 3.4.3 1.6.5 3.4.4 1.6.51 3.4.5 1.6.52 3.4.6 1.6.53 1.6.54 1.6.55 1.6.56 1.6.57 1.6.58 1.6.59 1.6.60 1.6.61 1.6.62 1.6.63 1.6.64 1.6.65 1.6.66 1.6.67 1.6.68 trunk 1.6.69 0.0.1 1.6.70 0.0.2 1.6.71 0.0.3 1.6.72 0.0.4 1.6.73 0.0.5 1.6.74 0.0.6 1.6.75 0.0.7 1.6.76 0.0.8 1.6.77 0.0.9 1.6.78 0.1.0 1.6.79 0.1.1 1.6.81 0.1.2 1.6.82 0.1.3 1.6.83 0.1.4 1.6.84 0.1.5 1.6.85 0.1.6 1.6.86 0.1.7 1.6.87 0.1.8 1.6.88 0.1.9 1.6.89 0.2.0 1.6.90
ai-engine / themes / messages.css
ai-engine / themes Last commit date
icons 2 years ago sass 2 years ago ChatGPT.module.css 2 years ago ChatGPT.module.scss 2 years ago Messages.module.css 2 years ago Messages.module.scss 2 years ago _codeDark.scss 3 years ago _codeLight.scss 3 years ago _common.scss 2 years ago _copybutton.scss 3 years ago chatgpt.css 2 years ago messages.css 2 years ago
messages.css
1013 lines
1 .mwai-messages-theme {
2 --mwai-spacing: 10px;
3 --mwai-fontSize: 13px;
4 --mwai-lineHeight: 1.5;
5 --mwai-borderRadius: 10px;
6 --mwai-width: 460px;
7 --mwai-maxHeight: 40vh;
8 --mwai-iconTextColor: black;
9 --mwai-iconTextBackgroundColor: white;
10 --mwai-fontColor: black;
11 --mwai-backgroundPrimaryColor: #fafafa;
12 --mwai-backgroundHeaderColor: #0084ff;
13 --mwai-bubbleColor: #0084ff;
14 --mwai-headerButtonsColor: white;
15 --mwai-backgroundUserColor: #0084ff;
16 --mwai-backgroundAiColor: #eee;
17 --mwai-backgroundAiSecondaryColor: #ddd;
18 --mwai-errorBackgroundColor: #6d2f2a;
19 --mwai-errorTextColor: #FFFFFF;
20 }
21
22 .mwai-messages-theme * {
23 box-sizing: border-box;
24 }
25
26 .mwai-messages-theme .mwai-content {
27 display: flex;
28 background: var(--mwai-backgroundPrimaryColor);
29 font-size: var(--mwai-fontSize);
30 color: var(--mwai-fontColor);
31 border-radius: var(--mwai-borderRadius);
32 flex-direction: column;
33 }
34
35 .mwai-messages-theme .mwai-conversation {
36 display: flex;
37 flex-direction: column;
38 overflow: auto;
39 max-height: var(--mwai-maxHeight);
40 padding: var(--mwai-spacing) var(--mwai-spacing) 0;
41 }
42
43 .mwai-messages-theme .mwai-conversation .mwai-reply {
44 margin-bottom: var(--mwai-spacing);
45 padding: 7px 12px;
46 border-radius: 15px;
47 font-size: var(--mwai-fontSize);
48 color: var(--mwai-fontColor);
49 position: relative;
50 }
51
52 .mwai-messages-theme .mwai-conversation .mwai-reply .mwai-name,
53 .mwai-messages-theme .mwai-conversation .mwai-reply .mwai-name-text {
54 display: none;
55 }
56
57 .mwai-messages-theme .mwai-conversation .mwai-reply * > p:first-child {
58 margin-top: 0;
59 }
60
61 .mwai-messages-theme .mwai-conversation .mwai-reply * > p:last-child {
62 margin-bottom: 0;
63 }
64
65 .mwai-messages-theme .mwai-conversation .mwai-reply.mwai-ai {
66 align-self: flex-start;
67 background: var(--mwai-backgroundAiColor);
68 margin-left: 5px;
69 }
70
71 .mwai-messages-theme .mwai-conversation .mwai-reply.mwai-ai::before, .mwai-messages-theme .mwai-conversation .mwai-reply.mwai-ai::after {
72 content: "";
73 position: absolute;
74 z-index: 1;
75 bottom: 0;
76 left: -10px;
77 width: 10px;
78 height: 20px;
79 background: var(--mwai-backgroundPrimaryColor);
80 border-bottom-right-radius: 10px;
81 }
82
83 .mwai-messages-theme .mwai-conversation .mwai-reply.mwai-ai::before {
84 z-index: 0;
85 left: -7px;
86 height: 20px;
87 width: 20px;
88 background: var(--mwai-backgroundAiColor);
89 border-bottom-right-radius: 15px;
90 }
91
92 .mwai-messages-theme .mwai-conversation .mwai-reply.mwai-user {
93 align-self: flex-end;
94 background: var(--mwai-backgroundUserColor);
95 color: white;
96 margin-right: 10px;
97 }
98
99 .mwai-messages-theme .mwai-conversation .mwai-reply.mwai-user::before, .mwai-messages-theme .mwai-conversation .mwai-reply.mwai-user::after {
100 content: "";
101 position: absolute;
102 z-index: 1;
103 bottom: 0;
104 right: -10px;
105 width: 10px;
106 height: 20px;
107 background: var(--mwai-backgroundPrimaryColor);
108 border-bottom-left-radius: 10px;
109 }
110
111 .mwai-messages-theme .mwai-conversation .mwai-reply.mwai-user::before {
112 z-index: 0;
113 right: -10px;
114 height: 20px;
115 width: 20px;
116 background: var(--mwai-backgroundUserColor);
117 background-attachment: fixed;
118 border-bottom-left-radius: 15px;
119 }
120
121 .mwai-messages-theme .mwai-text {
122 flex: auto;
123 }
124
125 .mwai-messages-theme .mwai-text .mwai-image {
126 display: block;
127 max-width: 250px;
128 height: auto;
129 margin: 0 0 10px 0;
130 border-radius: var(--mwai-borderRadius);
131 }
132
133 .mwai-messages-theme .mwai-text .mwai-filename {
134 display: flex;
135 text-decoration: none;
136 border: 1px solid var(--mwai-backgroundPrimaryColor);
137 border-radius: var(--mwai-borderRadius);
138 color: white;
139 padding: 5px 10px;
140 margin-bottom: 10px;
141 }
142
143 .mwai-messages-theme .mwai-text > span > p > *:first-child {
144 margin-top: 0;
145 }
146
147 .mwai-messages-theme .mwai-text a {
148 color: #2196f3;
149 }
150
151 .mwai-messages-theme .mwai-text h1 {
152 font-size: 200%;
153 }
154
155 .mwai-messages-theme .mwai-text h2 {
156 font-size: 160%;
157 }
158
159 .mwai-messages-theme .mwai-text h3 {
160 font-size: 140%;
161 }
162
163 .mwai-messages-theme .mwai-text h4 {
164 font-size: 120%;
165 }
166
167 .mwai-messages-theme .mwai-text p {
168 font-size: var(--mwai-fontSize);
169 line-height: var(--mwai-lineHeight);
170 }
171
172 .mwai-messages-theme .mwai-text p code {
173 background: var(--mwai-backgroundAiSecondaryColor);
174 padding: 2px 6px;
175 border-radius: 8px;
176 font-size: 90%;
177 font-family: system-ui;
178 }
179
180 .mwai-messages-theme .mwai-text pre {
181 color: var(--mwai-fontColor);
182 border-radius: var(--mwai-borderRadius);
183 break-after: auto;
184 white-space: pre-wrap;
185 max-width: 100%;
186 width: 100%;
187 font-family: system-ui;
188 background: var(--mwai-backgroundAiSecondaryColor);
189 padding: var(--mwai-spacing);
190 }
191
192 .mwai-messages-theme .mwai-text pre code {
193 padding: 0 !important;
194 font-family: system-ui;
195 background: var(--mwai-backgroundAiSecondaryColor);
196 }
197
198 .mwai-messages-theme .mwai-text ol {
199 padding: 0;
200 margin: 0 0 0 20px;
201 }
202
203 .mwai-messages-theme .mwai-text table {
204 width: 100%;
205 border: 2px solid var(--mwai-backgroundAiSecondaryColor);
206 border-collapse: collapse;
207 }
208
209 .mwai-messages-theme .mwai-text thead {
210 background: var(--mwai-backgroundAiSecondaryColor);
211 }
212
213 .mwai-messages-theme .mwai-text tr,
214 .mwai-messages-theme .mwai-text td {
215 padding: 2px 5px;
216 }
217
218 .mwai-messages-theme .mwai-text td {
219 border: 2px solid var(--mwai-backgroundAiSecondaryColor);
220 }
221
222 .mwai-messages-theme .mwai-text .mwai-typewriter {
223 display: inline-block;
224 }
225
226 .mwai-messages-theme .mwai-text .mwai-typewriter > :first-child {
227 margin-top: 0;
228 }
229
230 .mwai-messages-theme .mwai-text > *:first-child {
231 margin-top: 0;
232 }
233
234 .mwai-messages-theme .mwai-text > *:last-child {
235 margin-bottom: 0;
236 }
237
238 .mwai-messages-theme .mwai-input {
239 display: flex;
240 align-items: center;
241 padding: var(--mwai-spacing);
242 }
243
244 .mwai-messages-theme .mwai-input .mwai-input-text {
245 flex: auto;
246 position: relative;
247 display: flex;
248 background: var(--mwai-backgroundPrimaryColor);
249 border-radius: var(--mwai-borderRadius);
250 border: 1px solid var(--mwai-backgroundAiSecondaryColor);
251 overflow: hidden;
252 }
253
254 .mwai-messages-theme .mwai-input .mwai-input-text.mwai-blocked img {
255 filter: grayscale(100%);
256 opacity: 0.5;
257 }
258
259 .mwai-messages-theme .mwai-input .mwai-input-text.mwai-dragging {
260 border: 1px dashed var(--mwai-backgroundAiSecondaryColor);
261 }
262
263 .mwai-messages-theme .mwai-input .mwai-input-text textarea {
264 background: var(--mwai-backgroundPrimaryColor);
265 color: var(--mwai-fontColor);
266 flex: auto;
267 padding: var(--mwai-spacing);
268 border: none;
269 font-size: var(--mwai-fontSize);
270 resize: none;
271 font-family: inherit;
272 margin: 0;
273 overflow: hidden;
274 }
275
276 .mwai-messages-theme .mwai-input .mwai-input-text textarea:focus {
277 outline: none;
278 box-shadow: none;
279 }
280
281 .mwai-messages-theme .mwai-input .mwai-input-text textarea::placeholder {
282 color: var(--mwai-fontColor);
283 opacity: 0.5;
284 }
285
286 .mwai-messages-theme .mwai-input .mwai-input-text .mwai-microphone {
287 width: 32px;
288 height: 32px;
289 }
290
291 .mwai-messages-theme .mwai-input .mwai-input-text .mwai-microphone svg {
292 width: 32px;
293 height: 32px;
294 fill: var(--mwai-fontColor);
295 opacity: 0.5;
296 filter: grayscale(100%);
297 transition: opacity 0.3s ease-out;
298 padding: 5px 10px;
299 cursor: pointer;
300 }
301
302 .mwai-messages-theme .mwai-input .mwai-input-text .mwai-microphone[active=true] svg {
303 opacity: 1;
304 }
305
306 .mwai-messages-theme .mwai-input .mwai-input-text .mwai-microphone[disabled] svg {
307 opacity: 0;
308 cursor: not-allowed;
309 }
310
311 .mwai-messages-theme .mwai-input .mwai-input-text .mwai-file-upload-icon {
312 background: url("icons/white-icons.svg");
313 background-size: 500%;
314 background-position: 0px -96px;
315 width: 32px;
316 height: 32px;
317 margin-top: calc(var(--mwai-spacing) / 2);
318 margin-left: 5px;
319 z-index: 100;
320 }
321
322 .mwai-messages-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-idle-add {
323 background-position: -32px -96px;
324 }
325
326 .mwai-messages-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-image-add {
327 background-position: -32px 0px;
328 }
329
330 .mwai-messages-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-image-up {
331 background-position: -64px 0px;
332 }
333
334 .mwai-messages-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-image-del {
335 background-position: -96px 0px;
336 }
337
338 .mwai-messages-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-image-ok {
339 background-position: -128px 0px;
340 }
341
342 .mwai-messages-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-document-add {
343 background-position: -32px -64px;
344 }
345
346 .mwai-messages-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-document-up {
347 background-position: -64px -64px;
348 }
349
350 .mwai-messages-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-document-del {
351 background-position: -96px -64px;
352 }
353
354 .mwai-messages-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-document-ok {
355 background-position: -128px -64px;
356 }
357
358 .mwai-messages-theme .mwai-input .mwai-input-text .mwai-file-upload-icon .mwai-file-upload-progress {
359 position: absolute;
360 font-size: 8px;
361 width: 21px;
362 top: 24px;
363 left: 23px;
364 overflow: hidden;
365 text-align: center;
366 font-weight: bold;
367 color: white;
368 }
369
370 .mwai-messages-theme .mwai-input button {
371 margin-left: var(--mwai-spacing);
372 padding: 5px 15px;
373 background-color: var(--mwai-backgroundUserColor);
374 color: white;
375 border: none;
376 border-radius: var(--mwai-borderRadius);
377 cursor: pointer;
378 height: 32px;
379 width: 110px;
380 display: flex;
381 justify-content: center;
382 align-items: center;
383 }
384
385 .mwai-messages-theme .mwai-input button .mwai-timer {
386 margin-left: 5px;
387 margin-right: 5px;
388 font-size: 11px;
389 }
390
391 .mwai-messages-theme .mwai-input button:hover {
392 filter: brightness(1.2);
393 }
394
395 .mwai-messages-theme button[disabled] {
396 cursor: not-allowed;
397 }
398
399 .mwai-messages-theme button[disabled] span {
400 opacity: 0.5;
401 }
402
403 .mwai-messages-theme button[disabled].mwai-busy span {
404 display: none;
405 }
406
407 .mwai-messages-theme button[disabled].mwai-busy:before {
408 content: '';
409 width: 18px;
410 height: 18px;
411 margin: auto;
412 border: 3px solid transparent;
413 border-top-color: var(--mwai-fontColor);
414 border-radius: 50%;
415 animation: mwai-button-spinner 1s ease infinite;
416 }
417
418 .mwai-messages-theme .mwai-compliance {
419 opacity: 0.50;
420 margin-top: calc(-1 * var(--mwai-spacing));
421 padding: calc(var(--mwai-spacing) / 1.5) var(--mwai-spacing);
422 font-size: smaller;
423 color: var(--mwai-fontColor);
424 text-align: left;
425 }
426
427 .mwai-messages-theme .mwai-gallery {
428 display: grid;
429 grid-template-columns: repeat(3, 1fr);
430 grid-gap: 5px;
431 }
432
433 .mwai-messages-theme .mwai-gallery img {
434 width: 100%;
435 }
436
437 .mwai-messages-theme.mwai-transition, .mwai-messages-theme .mwai-transition {
438 opacity: 0;
439 transition: opacity 350ms ease-in-out;
440 }
441
442 .mwai-messages-theme.mwai-transition-visible, .mwai-messages-theme .mwai-transition-visible {
443 opacity: 1;
444 }
445
446 .mwai-messages-theme .mwai-text img {
447 max-width: 100%;
448 }
449
450 .mwai-messages-theme .mwai-text div p:first-child {
451 margin-top: 0;
452 }
453
454 .mwai-messages-theme .mwai-text div p:last-child {
455 margin-bottom: 0;
456 }
457
458 .mwai-messages-theme .mwai-trigger {
459 position: absolute;
460 right: 0;
461 bottom: 0;
462 transition: all 0.2s ease-out;
463 z-index: 9999;
464 display: flex;
465 flex-direction: column;
466 align-items: end;
467 }
468
469 .mwai-messages-theme .mwai-trigger .mwai-icon-text-container {
470 display: flex;
471 flex-direction: column;
472 align-items: flex-end;
473 }
474
475 .mwai-messages-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text {
476 background: var(--mwai-iconTextBackgroundColor);
477 color: var(--mwai-iconTextColor);
478 box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
479 max-width: 200px;
480 font-size: 13px;
481 margin-bottom: 15px;
482 padding: 10px 15px;
483 border-radius: 8px;
484 }
485
486 .mwai-messages-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text-close {
487 color: var(--mwai-iconTextColor);
488 background: var(--mwai-iconTextBackgroundColor);
489 padding: 5px;
490 width: 20px;
491 height: 20px;
492 border-radius: 100%;
493 display: none;
494 justify-content: center;
495 align-items: center;
496 margin-bottom: 3px;
497 }
498
499 .mwai-messages-theme .mwai-trigger .mwai-icon-text-container:hover {
500 cursor: pointer;
501 }
502
503 .mwai-messages-theme .mwai-trigger .mwai-icon-text-container:hover .mwai-icon-text-close {
504 display: flex;
505 font-size: 12px;
506 }
507
508 .mwai-messages-theme .mwai-trigger .mwai-icon-text-container:hover .mwai-icon-text-close:hover {
509 filter: brightness(1.2);
510 }
511
512 @media (max-width: 760px) {
513 .mwai-messages-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text-close {
514 display: flex;
515 }
516 }
517
518 .mwai-messages-theme .mwai-trigger .mwai-icon-container .mwai-icon {
519 filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.15));
520 transition: all 0.2s ease-out;
521 }
522
523 .mwai-messages-theme .mwai-trigger .mwai-icon-container .mwai-icon:hover {
524 cursor: pointer;
525 transform: scale(1.05);
526 }
527
528 .mwai-messages-theme.mwai-window {
529 position: fixed;
530 right: 30px;
531 bottom: 30px;
532 width: var(--mwai-width);
533 z-index: 9999;
534 }
535
536 .mwai-messages-theme.mwai-window .mwai-header {
537 display: none;
538 justify-content: flex-end;
539 align-items: center;
540 border-radius: var(--mwai-borderRadius) var(--mwai-borderRadius) 0 0;
541 background: var(--mwai-backgroundHeaderColor);
542 }
543
544 .mwai-messages-theme.mwai-window .mwai-header .mwai-buttons {
545 display: flex;
546 align-items: center;
547 }
548
549 .mwai-messages-theme.mwai-window .mwai-header .mwai-buttons .mwai-resize-button {
550 justify-content: center;
551 height: 32px;
552 width: 22px;
553 cursor: pointer;
554 display: flex;
555 justify-content: center;
556 align-items: center;
557 }
558
559 .mwai-messages-theme.mwai-window .mwai-header .mwai-buttons .mwai-resize-button:before {
560 transition: all 0.2s ease-out;
561 content: ' ';
562 cursor: pointer;
563 position: absolute;
564 height: 13px;
565 width: 13px;
566 border: 1px solid var(--mwai-headerButtonsColor);
567 }
568
569 .mwai-messages-theme.mwai-window .mwai-header .mwai-buttons .mwai-resize-button:hover:before {
570 width: 16px;
571 height: 16px;
572 }
573
574 .mwai-messages-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button {
575 justify-content: center;
576 height: 32px;
577 width: 33px;
578 cursor: pointer;
579 border-radius: var(--mwai-borderRadius);
580 }
581
582 .mwai-messages-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:before {
583 transition: all 0.2s ease-out;
584 transform: translate(16px, 5px) rotate(45deg);
585 }
586
587 .mwai-messages-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:after {
588 transition: all 0.2s ease-out;
589 transform: translate(16px, 5px) rotate(-45deg);
590 }
591
592 .mwai-messages-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:before, .mwai-messages-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:after {
593 content: ' ';
594 cursor: pointer;
595 position: absolute;
596 height: 22px;
597 width: 1px;
598 background-color: var(--mwai-headerButtonsColor);
599 }
600
601 .mwai-messages-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:hover:before {
602 opacity: 1;
603 transform: translate(16px, 5px) rotate(135deg);
604 }
605
606 .mwai-messages-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:hover:after {
607 opacity: 1;
608 transform: translate(16px, 5px) rotate(45deg);
609 }
610
611 .mwai-messages-theme.mwai-window .mwai-content {
612 display: none;
613 opacity: 0;
614 max-height: var(--mwai-maxHeight);
615 border-radius: 0 0 var(--mwai-borderRadius) var(--mwai-borderRadius);
616 overflow: hidden;
617 }
618
619 .mwai-messages-theme.mwai-window.mwai-bottom-left {
620 bottom: 30px;
621 right: inherit;
622 left: 30px;
623 }
624
625 .mwai-messages-theme.mwai-window.mwai-bottom-left .mwai-open-button {
626 right: inherit;
627 left: 0;
628 }
629
630 .mwai-messages-theme.mwai-window.mwai-top-right {
631 top: 30px;
632 bottom: inherit;
633 right: 30px;
634 }
635
636 .mwai-messages-theme.mwai-window.mwai-top-right .mwai-open-button {
637 top: 0;
638 bottom: inherit;
639 }
640
641 .mwai-messages-theme.mwai-window.mwai-top-left {
642 top: 30px;
643 bottom: inherit;
644 right: inherit;
645 left: 30px;
646 }
647
648 .mwai-messages-theme.mwai-window.mwai-top-left .mwai-open-button {
649 top: 0;
650 bottom: inherit;
651 right: inherit;
652 left: 0;
653 }
654
655 .mwai-messages-theme.mwai-window.mwai-top-left .mwai-open-button, .mwai-messages-theme.mwai-window.mwai-bottom-left .mwai-open-button {
656 align-items: flex-start;
657 }
658
659 .mwai-messages-theme.mwai-window.mwai-top-right .mwai-open-button, .mwai-messages-theme.mwai-window.mwai-top-left .mwai-open-button {
660 flex-direction: column-reverse;
661 }
662
663 .mwai-messages-theme.mwai-window.mwai-top-right .mwai-open-button .mwai-icon-text, .mwai-messages-theme.mwai-window.mwai-top-left .mwai-open-button .mwai-icon-text {
664 margin-bottom: 0;
665 margin-top: 15px;
666 }
667
668 .mwai-messages-theme.mwai-window.mwai-fullscreen .mwai-header .mwai-buttons {
669 margin-bottom: 0px;
670 }
671
672 .mwai-messages-theme.mwai-window.mwai-fullscreen .mwai-header .mwai-buttons .mwai-resize-button:before {
673 width: 16px;
674 height: 16px;
675 }
676
677 .mwai-messages-theme.mwai-window.mwai-fullscreen .mwai-header .mwai-buttons .mwai-resize-button:hover:before {
678 width: 13px;
679 height: 13px;
680 }
681
682 .mwai-messages-theme.mwai-fullscreen:not(.mwai-window), .mwai-messages-theme.mwai-fullscreen.mwai-window.mwai-open {
683 position: fixed;
684 left: 0 !important;
685 right: 0 !important;
686 bottom: 0 !important;
687 top: 0 !important;
688 width: inherit;
689 height: inherit;
690 max-height: inherit;
691 max-width: inherit;
692 display: flex;
693 flex-direction: column;
694 margin: 0;
695 z-index: 999999;
696 background-color: var(--mwai-backgroundSecondaryColor);
697 }
698
699 .mwai-messages-theme.mwai-fullscreen:not(.mwai-window) .mwai-header, .mwai-messages-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-header {
700 border-radius: 0;
701 }
702
703 .mwai-messages-theme.mwai-fullscreen:not(.mwai-window) .mwai-content, .mwai-messages-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-content {
704 height: 100%;
705 max-height: inherit;
706 border-radius: 0;
707 }
708
709 .mwai-messages-theme.mwai-fullscreen:not(.mwai-window) .mwai-content .mwai-conversation, .mwai-messages-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-content .mwai-conversation {
710 flex: auto;
711 max-height: none;
712 }
713
714 .mwai-messages-theme.mwai-window.mwai-open .mwai-header {
715 display: flex;
716 }
717
718 .mwai-messages-theme.mwai-window.mwai-open .mwai-content {
719 display: flex;
720 transition: opacity 200ms ease-in-out 0s;
721 opacity: 1;
722 }
723
724 .mwai-messages-theme.mwai-window.mwai-open .mwai-open-button {
725 display: none;
726 }
727
728 .mwai-messages-theme .mwai-error {
729 margin: var(--mwai-spacing);
730 color: white;
731 background: rgba(180, 55, 55, 0.55);
732 padding: var(--mwai-spacing);
733 border-radius: var(--mwai-borderRadius);
734 }
735
736 .mwai-messages-theme .mwai-error:hover {
737 cursor: pointer;
738 background: rgba(180, 44, 44, 0.85);
739 }
740
741 .mwai-messages-theme.mwai-bubble .mwai-icon-container {
742 background: var(--mwai-bubbleColor);
743 width: 60px;
744 height: 60px;
745 border-radius: 100%;
746 transition: all 0.2s ease-out;
747 display: flex;
748 justify-content: center;
749 align-items: center;
750 }
751
752 .mwai-messages-theme.mwai-bubble .mwai-icon-container .mwai-icon {
753 max-width: 50%;
754 max-height: 50%;
755 filter: none;
756 }
757
758 .mwai-messages-theme.mwai-bubble .mwai-icon-container .mwai-icon:hover {
759 transform: none;
760 }
761
762 .mwai-messages-theme.mwai-bubble .mwai-icon-container:hover {
763 cursor: pointer;
764 filter: brightness(1.1);
765 }
766
767 @media (max-width: 760px) {
768 .mwai-messages-theme.mwai-window.mwai-open {
769 position: fixed;
770 left: 0 !important;
771 right: 0 !important;
772 bottom: 0 !important;
773 top: 0 !important;
774 width: inherit;
775 height: inherit;
776 max-height: inherit;
777 max-width: inherit;
778 display: flex;
779 flex-direction: column;
780 margin: 0;
781 z-index: 999999;
782 background-color: var(--mwai-backgroundSecondaryColor);
783 }
784 .mwai-messages-theme.mwai-window.mwai-open .mwai-header {
785 border-radius: 0;
786 }
787 .mwai-messages-theme.mwai-window.mwai-open .mwai-content {
788 height: 100%;
789 max-height: inherit;
790 border-radius: 0;
791 }
792 .mwai-messages-theme.mwai-window.mwai-open .mwai-content .mwai-conversation {
793 flex: auto;
794 max-height: none;
795 }
796 .mwai-messages-theme.mwai-window.mwai-open .mwai-input {
797 flex-direction: column;
798 }
799 .mwai-messages-theme.mwai-window.mwai-open .mwai-input button {
800 font-size: 16px;
801 margin-left: 0;
802 width: 100%;
803 }
804 .mwai-messages-theme.mwai-window.mwai-open .mwai-input .mwai-input-text {
805 margin-bottom: var(--mwai-spacing);
806 width: 100%;
807 }
808 .mwai-messages-theme.mwai-window.mwai-open .mwai-input .mwai-input-text input, .mwai-messages-theme.mwai-window.mwai-open .mwai-input .mwai-input-text textarea {
809 font-size: 16px;
810 }
811 .mwai-messages-theme.mwai-window.mwai-open .mwai-content {
812 display: flex;
813 transition: opacity 200ms ease-in-out 0s;
814 opacity: 1;
815 height: 100%;
816 max-height: inherit;
817 }
818 .mwai-messages-theme.mwai-window.mwai-open .mwai-content .mwai-conversation {
819 flex: auto;
820 max-height: none;
821 }
822 .mwai-messages-theme.mwai-window.mwai-open .mwai-resize-button {
823 display: none !important;
824 }
825 .mwai-messages-theme.mwai-window.mwai-open .mwai-open-button {
826 display: none;
827 }
828 }
829
830 @keyframes mwai-button-spinner {
831 from {
832 transform: rotate(0turn);
833 }
834 to {
835 transform: rotate(1turn);
836 }
837 }
838
839 .mwai-messages-theme .admin-bar .mwai-fullscreen:not(.mwai-window),
840 .mwai-messages-theme .admin-bar .mwai-fullscreen.mwai-window.mwai-open {
841 top: 32px;
842 }
843
844 .mwai-messages-theme .mwai-copy-button {
845 opacity: 0;
846 transition: all 0.3s ease-out;
847 width: 22px;
848 height: 22px;
849 position: absolute;
850 right: var(--mwai-spacing);
851 }
852
853 .mwai-messages-theme .mwai-copy-button .mwai-copy-button-one {
854 position: absolute;
855 width: 16px;
856 height: 16px;
857 margin-top: 0px;
858 margin-left: 0px;
859 background: white;
860 opacity: 0.4;
861 transition: all 0.2s ease-in;
862 cursor: pointer;
863 border-radius: 2px;
864 }
865
866 .mwai-messages-theme .mwai-copy-button .mwai-copy-button-two {
867 position: absolute;
868 width: 16px;
869 height: 16px;
870 margin-top: 6px;
871 margin-left: 6px;
872 background: white;
873 opacity: 0.6;
874 transition: all 0.2s ease-in;
875 cursor: pointer;
876 border-radius: 2px;
877 }
878
879 .mwai-messages-theme .mwai-copy-button:hover .mwai-copy-button-one {
880 opacity: 0.6;
881 margin-top: 0px;
882 margin-left: 6px;
883 }
884
885 .mwai-messages-theme .mwai-copy-button:hover .mwai-copy-button-two {
886 opacity: 1;
887 margin-top: 6px;
888 margin-left: 0px;
889 }
890
891 .mwai-messages-theme .mwai-copy-button.mwai-animate .mwai-copy-button-one {
892 opacity: 0;
893 }
894
895 .mwai-messages-theme .mwai-copy-button.mwai-animate .mwai-copy-button-two {
896 width: 18px;
897 height: 18px;
898 margin-top: 2px;
899 margin-left: 2px;
900 opacity: 1;
901 }
902
903 .mwai-messages-theme .mwai-chat .mwai-reply:hover .mwai-copy-button {
904 display: block;
905 opacity: 1;
906 }
907
908 .mwai-messages-theme .mwai-chat pre code.hljs {
909 display: block;
910 overflow-x: auto;
911 padding: 1em;
912 }
913
914 .mwai-messages-theme .mwai-chat code.hljs {
915 padding: 3px 5px;
916 }
917
918 .mwai-messages-theme .mwai-chat .hljs {
919 color: #333;
920 background: #f0f0f0;
921 }
922
923 .mwai-messages-theme .mwai-chat .hljs-subst {
924 color: #333;
925 }
926
927 .mwai-messages-theme .mwai-chat .hljs-comment {
928 color: #888;
929 }
930
931 .mwai-messages-theme .mwai-chat .hljs-attr, .mwai-messages-theme .mwai-chat .hljs-doctag, .mwai-messages-theme .mwai-chat .hljs-keyword, .mwai-messages-theme .mwai-chat .hljs-meta .hljs-keyword, .mwai-messages-theme .mwai-chat .hljs-section, .mwai-messages-theme .mwai-chat .hljs-selector-tag {
932 color: #0077cc;
933 }
934
935 .mwai-messages-theme .mwai-chat .hljs-attribute {
936 color: #aa3377;
937 }
938
939 .mwai-messages-theme .mwai-chat .hljs-name, .mwai-messages-theme .mwai-chat .hljs-number, .mwai-messages-theme .mwai-chat .hljs-quote, .mwai-messages-theme .mwai-chat .hljs-selector-id, .mwai-messages-theme .mwai-chat .hljs-template-tag, .mwai-messages-theme .mwai-chat .hljs-type {
940 color: #c18401;
941 }
942
943 .mwai-messages-theme .mwai-chat .hljs-selector-class {
944 color: #0077cc;
945 }
946
947 .mwai-messages-theme .mwai-chat .hljs-link, .mwai-messages-theme .mwai-chat .hljs-regexp, .mwai-messages-theme .mwai-chat .hljs-selector-attr, .mwai-messages-theme .mwai-chat .hljs-string, .mwai-messages-theme .mwai-chat .hljs-symbol, .mwai-messages-theme .mwai-chat .hljs-template-variable, .mwai-messages-theme .mwai-chat .hljs-variable {
948 color: #689700;
949 }
950
951 .mwai-messages-theme .mwai-chat .hljs-meta, .mwai-messages-theme .mwai-chat .hljs-selector-pseudo {
952 color: #0077cc;
953 }
954
955 .mwai-messages-theme .mwai-chat .hljs-built_in, .mwai-messages-theme .mwai-chat .hljs-literal, .mwai-messages-theme .mwai-chat .hljs-title {
956 color: #c18401;
957 }
958
959 .mwai-messages-theme .mwai-chat .hljs-bullet, .mwai-messages-theme .mwai-chat .hljs-code {
960 color: #555;
961 }
962
963 .mwai-messages-theme .mwai-chat .hljs-meta .hljs-string {
964 color: #689700;
965 }
966
967 .mwai-messages-theme .mwai-chat .hljs-deletion {
968 color: #b71c1c;
969 }
970
971 .mwai-messages-theme .mwai-chat .hljs-addition {
972 color: #1b5e20;
973 }
974
975 .mwai-messages-theme .mwai-chat .hljs-emphasis {
976 font-style: italic;
977 }
978
979 .mwai-messages-theme .mwai-chat .hljs-strong {
980 font-weight: 700;
981 }
982
983 .mwai-messages-theme .mwai-copy-button {
984 position: absolute;
985 left: 15px;
986 zoom: 0.5;
987 top: 18px;
988 filter: revert;
989 }
990
991 .mwai-messages-theme .mwai-ai .mwai-copy-button {
992 right: 15px;
993 left: inherit;
994 filter: brightness(0.4);
995 }
996
997 @media (max-width: 760px) {
998 .mwai-messages-theme .mwai-chat.mwai-window {
999 width: calc(100% - 40px);
1000 z-index: 9999999999;
1001 }
1002 .mwai-messages-theme .mwai-chat .mwai-input {
1003 flex-direction: column;
1004 }
1005 .mwai-messages-theme .mwai-chat .mwai-input .mwai-input-text {
1006 width: 100%;
1007 margin-bottom: 10px;
1008 }
1009 .mwai-messages-theme .mwai-chat .mwai-input button {
1010 width: 100%;
1011 }
1012 }
1013