@quidgest/chatbot 0.0.1 → 0.0.3

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/dist/style.css CHANGED
@@ -1,955 +1,11 @@
1
- @charset "UTF-8";
2
- /*!
3
- * Quidgest Framework v0.9.8
4
- * (c) 2023 Quidgest - Consultores de Gestão, SA
5
- */
6
- *,
7
- ::before,
8
- ::after {
9
- box-sizing: border-box;
10
- }
11
-
12
- html {
13
- font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
14
- line-height: 1.15;
15
- -webkit-text-size-adjust: 100%;
16
- -moz-tab-size: 4;
17
- tab-size: 4;
18
- }
19
-
20
- body {
21
- margin: 0;
22
- }
23
-
24
- hr {
25
- height: 0;
26
- color: inherit;
27
- }
28
-
29
- b,
30
- strong {
31
- font-weight: bolder;
32
- }
33
-
34
- code,
35
- kbd,
36
- samp,
37
- pre {
38
- font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
39
- font-size: 1em;
40
- }
41
-
42
- small {
43
- font-size: 80%;
44
- }
45
-
46
- sub,
47
- sup {
48
- font-size: 75%;
49
- line-height: 0;
50
- position: relative;
51
- vertical-align: baseline;
52
- }
53
-
54
- sub {
55
- bottom: -0.25em;
56
- }
57
-
58
- sup {
59
- top: -0.5em;
60
- }
61
-
62
- table {
63
- text-indent: 0;
64
- border-color: inherit;
65
- }
66
-
67
- button,
68
- input,
69
- optgroup,
70
- select,
71
- textarea {
72
- font-family: inherit;
73
- font-size: 100%;
74
- line-height: 1.15;
75
- margin: 0;
76
- }
77
-
78
- button,
79
- select {
80
- text-transform: none;
81
- }
82
-
83
- button,
84
- [type=button],
85
- [type=reset],
86
- [type=submit] {
87
- -webkit-appearance: button;
88
- }
89
-
90
- ::-moz-focus-inner {
91
- border-style: none;
92
- padding: 0;
93
- }
94
-
95
- :-moz-focusring {
96
- outline: 1px dotted ButtonText;
97
- }
98
-
99
- :-moz-ui-invalid {
100
- box-shadow: none;
101
- }
102
-
103
- legend {
104
- padding: 0;
105
- }
106
-
107
- progress {
108
- vertical-align: baseline;
109
- }
110
-
111
- ::-webkit-inner-spin-button,
112
- ::-webkit-outer-spin-button {
113
- height: auto;
114
- }
115
-
116
- [type=search] {
117
- -webkit-appearance: textfield;
118
- outline-offset: -2px;
119
- }
120
-
121
- ::-webkit-search-decoration {
122
- -webkit-appearance: none;
123
- }
124
-
125
- ::-webkit-file-upload-button {
126
- -webkit-appearance: button;
127
- font: inherit;
128
- }
129
-
130
- summary {
131
- display: list-item;
132
- }
133
-
134
- .no-scroll {
135
- height: 100%;
136
- margin: 0;
137
- overflow: hidden;
138
- }
139
-
140
- *,
141
- ::after,
142
- ::before {
143
- border: 0 solid var(--q-theme-neutral-light);
144
- outline-offset: 1px;
145
- }
146
-
147
- body {
148
- font-size: 0.9rem;
149
- color: var(--q-theme-on-background);
150
- caret-color: var(--q-theme-on-background);
151
- }
152
- body * {
153
- scrollbar-color: var(--q-theme-neutral-light) rgb(var(--q-theme-neutral-light-rgb)/0.25);
154
- scrollbar-width: thin;
155
- }
156
- body *::-webkit-scrollbar {
157
- width: 7px;
158
- height: 7px;
159
- }
160
- body *::-webkit-scrollbar-thumb {
161
- background-color: var(--q-theme-neutral-light);
162
- border-radius: 0.25rem;
163
- }
164
- body *::-webkit-scrollbar-track {
165
- background-color: rgb(var(--q-theme-neutral-light-rgb)/0.25);
166
- border-radius: 0.25rem;
167
- }
168
-
169
- .fade-enter-from,
170
- .fade-leave-to {
171
- opacity: 0;
172
- }
173
-
174
- .fade-enter-to,
175
- .fade-leave-from {
176
- opacity: 1;
177
- }
178
-
179
- .fade-enter-active,
180
- .fade-leave-active {
181
- transition: opacity 0.2s;
182
- }
183
-
184
- .q-btn {
185
- --box-shadow-tint: 0 0 0;
186
- position: relative;
187
- display: flex;
188
- flex-direction: row;
189
- align-items: center;
190
- padding: 0.4rem;
191
- border-width: 1px;
192
- background-color: transparent;
193
- user-select: none;
194
- -webkit-user-select: none;
195
- -moz-user-select: none;
196
- border-radius: 0.25rem;
197
- transition-property: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke;
198
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
199
- transition-duration: 0.15s;
200
- }
201
- .q-btn:hover:not(:disabled) {
202
- cursor: pointer;
203
- }
204
- .q-btn:focus {
205
- outline: 2px solid rgb(var(--q-theme-info-rgb)/0.5);
206
- z-index: 3;
207
- }
208
- .q-btn:focus:not(:focus-visible) {
209
- outline: 0;
210
- }
211
- .q-btn__content {
212
- position: relative;
213
- display: flex;
214
- flex-direction: row;
215
- align-items: center;
216
- justify-content: center;
217
- font-size: 0.9rem;
218
- white-space: nowrap;
219
- gap: 0.25rem;
220
- pointer-events: none;
221
- line-height: 15px;
222
- min-width: 15px;
223
- }
224
- .q-btn .q-spinner-loader {
225
- color: currentColor;
226
- }
227
- .q-btn--primary {
228
- --box-shadow-tint: var(--q-theme-primary-dark-rgb);
229
- background-color: var(--q-theme-primary);
230
- border-color: var(--q-theme-primary);
231
- color: var(--q-theme-background);
232
- }
233
- .q-btn--primary:hover:not(:disabled) {
234
- background-color: var(--q-theme-primary-dark);
235
- border-color: var(--q-theme-primary-dark);
236
- }
237
- .q-btn--secondary {
238
- --box-shadow-tint: var(--q-theme-primary-dark-rgb);
239
- border-color: currentColor;
240
- color: var(--q-theme-primary);
241
- }
242
- .q-btn--secondary:hover:not(:disabled) {
243
- background-color: var(--q-theme-primary-dark);
244
- border-color: var(--q-theme-primary-dark);
245
- color: var(--q-theme-background);
246
- }
247
- .q-btn--tertiary {
248
- --box-shadow-tint: var(--q-theme-primary-dark-rgb);
249
- background-color: transparent;
250
- border-color: transparent;
251
- color: var(--q-theme-primary);
252
- }
253
- .q-btn--tertiary:hover:not(:disabled), .q-btn--tertiary:focus:not(:disabled) {
254
- color: var(--q-theme-primary-dark);
255
- }
256
- .q-btn--danger {
257
- --box-shadow-tint: var(--q-theme-danger-dark-rgb);
258
- background-color: var(--q-theme-danger);
259
- border-color: var(--q-theme-danger);
260
- color: var(--q-theme-background);
261
- }
262
- .q-btn--danger:hover:not(:disabled) {
263
- background-color: var(--q-theme-danger-dark);
264
- border-color: var(--q-theme-danger-dark);
265
- }
266
- .q-btn--plain {
267
- color: var(--q-theme-on-background);
268
- }
269
- .q-btn--plain:hover:not(:disabled) {
270
- background-color: rgb(var(--q-theme-neutral-rgb)/0.1);
271
- }
272
- .q-btn--active {
273
- z-index: 2;
274
- color: var(--q-theme-primary-dark);
275
- border-color: var(--q-theme-primary);
276
- background-color: rgb(var(--q-theme-primary-light-rgb)/0.5);
277
- }
278
- .q-btn:disabled {
279
- opacity: 0.6;
280
- }
281
- .q-btn--loading:hover {
282
- cursor: not-allowed;
283
- }
284
- .q-btn--loading span {
285
- visibility: hidden;
286
- }
287
- .q-btn--small {
288
- padding: 0.25rem;
289
- line-height: 14px;
290
- }
291
- .q-btn--small span {
292
- font-size: 0.75rem;
293
- line-height: 14px;
294
- }
295
- .q-btn--borderless {
296
- border-color: transparent !important;
297
- }
298
- .q-btn--elevated {
299
- box-shadow: 0 2px 4px -1px rgb(var(--box-shadow-tint)/0.2), 0 4px 5px 0 rgb(var(--box-shadow-tint)/0.14), 0 1px 10px 0 rgb(var(--box-shadow-tint)/0.12);
300
- }
301
- .q-btn--block {
302
- display: block;
303
- width: 100%;
304
- }
305
- .q-btn--block + .q-btn--block {
306
- margin-top: 0.5rem;
307
- }
308
- .q-btn__spinner {
309
- position: absolute;
310
- left: 50%;
311
- transform: translateX(-50%);
312
- }
313
-
314
- .q-btn-group {
315
- --box-shadow-tint: 0 0 0;
316
- position: relative;
317
- display: inline-flex;
318
- border-radius: 0.25rem;
319
- }
320
- .q-btn-group--elevated {
321
- --box-shadow-tint: var(--q-theme-primary-rgb);
322
- box-shadow: 0 2px 4px -1px rgb(var(--box-shadow-tint)/0.2), 0 4px 5px 0 rgb(var(--box-shadow-tint)/0.14), 0 1px 10px 0 rgb(var(--box-shadow-tint)/0.12);
323
- }
324
- .q-btn-group > .q-btn {
325
- position: relative;
326
- flex: 0 1 auto;
327
- }
328
- .q-btn-group > .q-btn:not(:last-child) {
329
- border-top-right-radius: 0;
330
- border-bottom-right-radius: 0;
331
- }
332
- .q-btn-group > .q-btn:not(:first-child) {
333
- border-top-left-radius: 0;
334
- border-bottom-left-radius: 0;
335
- margin-left: -1px;
336
- }
337
- .q-btn-group > .q-btn:hover {
338
- z-index: 3;
339
- }
340
-
341
- .q-combobox:not(.q-combobox--disabled) .q-combobox__clear:hover, .q-combobox:not(.q-combobox--disabled) .q-combobox__clear:focus,
342
- .q-combobox:not(.q-combobox--disabled) .q-combobox__chevron:hover,
343
- .q-combobox:not(.q-combobox--disabled) .q-combobox__chevron:focus {
344
- cursor: pointer;
345
- opacity: 1;
346
- }
347
- .q-combobox--expanded .q-combobox__chevron svg {
348
- transform: rotate(-180deg);
349
- }
350
-
351
- .q-combobox__clear,
352
- .q-combobox__chevron {
353
- padding: 0.1rem;
354
- opacity: 0.5;
355
- }
356
- .q-combobox__clear:hover,
357
- .q-combobox__chevron:hover {
358
- cursor: inherit;
359
- }
360
-
361
- .q-combobox__chevron svg {
362
- transition: all 0.2s;
363
- }
364
-
365
- .q-field {
366
- display: flex;
367
- flex-direction: column;
368
- border-radius: 0.25rem;
369
- width: fit-content;
370
- }
371
- .q-field__label {
372
- display: flex;
373
- gap: 0.25rem;
374
- align-items: center;
375
- color: var(--q-theme-neutral-dark);
376
- line-height: 1.5;
377
- }
378
- .q-field__control {
379
- display: flex;
380
- align-items: center;
381
- height: inherit;
382
- width: 100%;
383
- border-radius: inherit;
384
- border-width: 1px;
385
- background-color: transparent;
386
- padding: 0.26rem 0.25rem;
387
- line-height: 1.5;
388
- transition: color var(--transition-duration) var(--transition-timing-function);
389
- }
390
- .q-field__extras {
391
- display: flex;
392
- gap: 0.25rem;
393
- align-items: center;
394
- color: var(--q-theme-neutral);
395
- margin-top: 0.25rem;
396
- font-size: 0.81rem;
397
- }
398
- .q-field__prepend, .q-field__append {
399
- display: flex;
400
- align-items: center;
401
- }
402
- .q-field__append {
403
- margin-left: auto;
404
- }
405
- .q-field--required > .q-field__label label::after {
406
- content: " *";
407
- font-weight: 700;
408
- color: var(--q-theme-danger);
409
- }
410
- .q-field--readonly > .q-field__control {
411
- background-color: rgb(var(--q-theme-neutral-light-rgb)/0.25);
412
- }
413
- .q-field--disabled > .q-field__control {
414
- opacity: 0.5;
415
- }
416
- .q-field--disabled > .q-field__control:hover {
417
- cursor: not-allowed;
418
- }
419
- .q-field:not(.q-field--disabled) .q-field__control:focus-within {
420
- outline: 2px solid rgb(var(--q-theme-info-rgb)/0.5);
421
- }
422
- .q-field--mini > .q-field__control {
423
- width: calc(1 * 5em + 0 * 0.25rem);
424
- }
425
- .q-field--small > .q-field__control {
426
- width: calc(2 * 5em + 1 * 0.25rem);
427
- }
428
- .q-field--medium > .q-field__control {
429
- width: calc(3 * 5em + 2 * 0.25rem);
430
- }
431
- .q-field--large > .q-field__control {
432
- width: calc(4 * 5em + 3 * 0.25rem);
433
- }
434
- .q-field--xlarge > .q-field__control {
435
- width: calc(6 * 5em + 5 * 0.25rem);
436
- }
437
- .q-field--xxlarge > .q-field__control {
438
- width: calc(8 * 5em + 7 * 0.25rem);
439
- }
440
- .q-field--block {
441
- width: 100%;
442
- }
443
-
444
- .q-icon {
445
- display: inline-block;
446
- }
447
- .q-icon__svg {
448
- fill: currentColor;
449
- }
450
- .q-icon__svg, .q-icon__img {
451
- width: 1em;
452
- height: 1em;
453
- }
454
-
455
- .q-input-group__prepend > :first-child {
456
- border-top-left-radius: 0.25rem;
457
- border-bottom-left-radius: 0.25rem;
458
- }
459
- .q-input-group__append > :last-child {
460
- border-top-right-radius: 0.25rem;
461
- border-bottom-right-radius: 0.25rem;
462
- }
463
- .q-input-group__prepend, .q-input-group__append {
464
- display: flex;
465
- align-items: stretch;
466
- height: inherit;
467
- }
468
- .q-input-group__prepend > *, .q-input-group__append > * {
469
- border-radius: 0;
470
- min-width: 40px;
471
- height: 100%;
472
- justify-content: center;
473
- }
474
- .q-input-group__prepend > span, .q-input-group__append > span {
475
- display: flex;
476
- align-items: center;
477
- text-align: center;
478
- line-height: 1.5;
479
- font-size: 0.9rem;
480
- border-width: 1px;
481
- background-color: rgb(var(--q-theme-neutral-light-rgb)/0.25);
482
- color: var(--q-theme-primary);
483
- white-space: nowrap;
484
- padding: 0 0.4rem;
485
- }
486
- .q-input-group__prepend > * + *, .q-input-group__append > * + * {
487
- margin-left: -1px;
488
- }
489
- .q-input-group > .q-field__control {
490
- display: flex;
491
- align-items: stretch;
492
- height: auto;
493
- border-width: 0;
494
- padding: 0;
495
- outline: none !important;
496
- }
497
- .q-input-group > .q-field__control > * {
498
- border-radius: 0;
499
- }
500
- .q-input-group > .q-field__control > *:focus-within {
501
- z-index: 2;
502
- }
503
- .q-input-group > .q-field__control > :first-child {
504
- border-top-left-radius: 0.25rem;
505
- border-bottom-left-radius: 0.25rem;
506
- }
507
- .q-input-group > .q-field__control > :last-child {
508
- border-top-right-radius: 0.25rem;
509
- border-bottom-right-radius: 0.25rem;
510
- }
511
- .q-input-group > .q-field__control > * + * {
512
- margin-left: -1px;
513
- }
514
-
515
- .q-line-loader {
516
- width: 100%;
517
- height: 2px;
518
- display: inline-block;
519
- position: relative;
520
- background: transparent;
521
- overflow: hidden;
522
- }
523
- .q-line-loader::after {
524
- content: "";
525
- min-width: 33%;
526
- height: 2px;
527
- background: linear-gradient(to right, rgb(237, 235, 233) 0%, var(--q-theme-primary) 50%, rgb(237, 235, 233) 100%);
528
- position: absolute;
529
- top: 0;
530
- left: 0;
531
- box-sizing: border-box;
532
- animation: q-move 2s linear infinite;
533
- }
534
-
535
- @keyframes q-move {
536
- 0% {
537
- left: 0;
538
- transform: translateX(-100%);
539
- }
540
- 100% {
541
- left: 100%;
542
- transform: translateX(0%);
543
- }
544
- }
545
- .q-list {
546
- display: flex;
547
- flex-direction: column;
548
- align-items: center;
549
- position: relative;
550
- overflow-x: hidden;
551
- overflow-y: auto;
552
- margin: 0;
553
- padding: 0;
554
- -webkit-overflow-scrolling: touch;
555
- width: 100%;
556
- border-radius: 0.25rem;
557
- }
558
-
559
- .q-list-item-group {
560
- display: flex;
561
- flex-direction: column;
562
- align-items: center;
563
- gap: 1px;
564
- list-style: none;
565
- padding: 0;
566
- margin: 0;
567
- width: inherit;
568
- }
569
- .q-list-item-group__title {
570
- color: var(--q-theme-neutral);
571
- padding: 5px 6px;
572
- line-height: 15px;
573
- width: inherit;
574
- }
575
- .q-list-item-group + .q-list-item-group {
576
- padding-top: 0.25rem;
577
- margin-top: 0.25rem;
578
- border-top-width: 1px;
579
- }
580
-
581
- .q-list-item {
582
- display: flex;
583
- gap: 0.25rem;
584
- align-items: center;
585
- padding: 5px 6px;
586
- list-style: none;
587
- line-height: 15px;
588
- word-wrap: break-word;
589
- -webkit-touch-callout: none;
590
- width: inherit;
591
- border-radius: 0.25rem;
592
- outline: none;
593
- }
594
- .q-list-item:hover {
595
- cursor: pointer;
596
- }
597
- .q-list-item:hover, .q-list-item:focus-visible, .q-list-item--highlighted {
598
- background-color: rgb(var(--q-theme-primary-light-rgb)/0.5);
599
- }
600
- .q-list-item--disabled {
601
- pointer-events: none;
602
- opacity: 0.5;
603
- }
604
- .q-list-item--disabled:hover {
605
- cursor: not-allowed;
606
- }
607
- .q-list-item--selected {
608
- background-color: var(--q-theme-primary-light) !important;
609
- }
610
- .q-list-item em {
611
- font-style: normal;
612
- text-decoration: underline;
613
- }
614
- .q-list-item__check-container {
615
- display: flex;
616
- margin-left: auto;
617
- min-width: 1em;
618
- }
619
- .q-list-item + .q-list-item {
620
- margin-top: 1px;
621
- }
622
-
623
- .q-overlay {
624
- --q-overlay-bg: var(--q-theme-background);
625
- --q-overlay-color: var(--q-theme-on-background);
626
- --q-overlay-border-color: var(--q-theme-neutral-light);
627
- position: absolute;
628
- z-index: 1070;
629
- }
630
- .q-overlay__underlay {
631
- position: fixed;
632
- inset: 0;
633
- z-index: 1069;
634
- }
635
- .q-overlay__underlay--blur {
636
- backdrop-filter: blur(2px);
637
- }
638
- .q-overlay__content {
639
- display: block;
640
- position: relative;
641
- min-width: fit-content;
642
- width: 100%;
643
- background-color: var(--q-overlay-bg);
644
- color: var(--q-overlay-color);
645
- background-clip: padding-box;
646
- border: 1px solid var(--q-overlay-border-color);
647
- border-radius: 0.25rem;
648
- outline: none;
649
- box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
650
- }
651
- .q-overlay__arrow {
652
- position: absolute;
653
- display: block;
654
- width: 1rem;
655
- height: 0.5rem;
656
- }
657
- .q-overlay__arrow::before, .q-overlay__arrow::after {
658
- position: absolute;
659
- display: block;
660
- content: "";
661
- border-color: transparent;
662
- border-style: solid;
663
- border-width: 0;
664
- }
665
- .q-overlay--top .q-overlay__arrow {
666
- left: calc(50% - 0.5rem);
667
- bottom: calc(-0.5rem - 1px);
668
- }
669
- .q-overlay--top .q-overlay__arrow::before, .q-overlay--top .q-overlay__arrow::after {
670
- border-width: 0.5rem 0.5rem 0;
671
- }
672
- .q-overlay--top .q-overlay__arrow::before {
673
- bottom: 0;
674
- border-top-color: var(--q-overlay-border-color);
675
- }
676
- .q-overlay--top .q-overlay__arrow::after {
677
- bottom: 1px;
678
- border-top-color: var(--q-overlay-bg);
679
- }
680
- .q-overlay--bottom .q-overlay__arrow {
681
- top: calc(-0.5rem - 1px);
682
- left: calc(50% - 0.5rem);
683
- }
684
- .q-overlay--bottom .q-overlay__arrow::before, .q-overlay--bottom .q-overlay__arrow::after {
685
- border-width: 0 0.5rem 0.5rem;
686
- }
687
- .q-overlay--bottom .q-overlay__arrow::before {
688
- top: 0;
689
- border-bottom-color: var(--q-overlay-border-color);
690
- }
691
- .q-overlay--bottom .q-overlay__arrow::after {
692
- top: 1px;
693
- border-bottom-color: var(--q-overlay-bg);
694
- }
695
- .q-overlay--left .q-overlay__arrow {
696
- top: calc(50% - 0.5rem);
697
- right: -0.5rem;
698
- width: 0.5rem;
699
- height: 1rem;
700
- }
701
- .q-overlay--left .q-overlay__arrow::before, .q-overlay--left .q-overlay__arrow::after {
702
- border-width: 0.5rem 0 0.5rem 0.5rem;
703
- }
704
- .q-overlay--left .q-overlay__arrow::before {
705
- right: 0;
706
- border-left-color: var(--q-overlay-border-color);
707
- }
708
- .q-overlay--left .q-overlay__arrow::after {
709
- right: 1px;
710
- border-left-color: var(--q-overlay-bg);
711
- }
712
- .q-overlay--right .q-overlay__arrow {
713
- top: calc(50% - 0.5rem);
714
- left: -0.5rem;
715
- width: 0.5rem;
716
- height: 1rem;
717
- }
718
- .q-overlay--right .q-overlay__arrow::before, .q-overlay--right .q-overlay__arrow::after {
719
- border-width: 0.5rem 0.5rem 0.5rem 0;
720
- }
721
- .q-overlay--right .q-overlay__arrow::before {
722
- left: 0;
723
- border-right-color: var(--q-overlay-border-color);
724
- }
725
- .q-overlay--right .q-overlay__arrow::after {
726
- left: 1px;
727
- border-right-color: var(--q-overlay-bg);
728
- }
729
- .q-overlay--independent {
730
- position: fixed;
731
- top: 50%;
732
- left: 50%;
733
- transform: translate(-50%, -50%);
734
- }
735
- .q-overlay--inverted {
736
- --q-overlay-bg: var(--q-theme-on-background);
737
- --q-overlay-color: var(--q-theme-background);
738
- --q-overlay-border-color: transparent;
739
- }
740
-
741
- .q-popover .q-overlay__content {
742
- z-index: 1070;
743
- position: relative;
744
- max-width: 276px;
745
- line-height: 1.5;
746
- word-break: normal;
747
- word-spacing: normal;
748
- word-wrap: break-word;
749
- white-space: normal;
750
- line-break: auto;
751
- font-size: 0.81rem;
752
- }
753
- .q-popover__header {
754
- padding: 0.5rem 1rem;
755
- margin: 0;
756
- font-size: 0.9rem;
757
- background-color: rgb(var(--q-theme-neutral-light-rgb)/0.25);
758
- border-bottom: 1px solid var(--q-overlay-border-color);
759
- border-top-left-radius: inherit;
760
- border-top-right-radius: inherit;
761
- }
762
- .q-popover__body {
763
- padding: 1rem;
764
- }
765
-
766
- .q-popover.q-overlay--bottom .q-overlay__arrow::after {
767
- border-bottom-color: rgb(var(--q-theme-neutral-light-rgb)/0.25);
768
- }
769
-
770
- .q-select:not(.q-select--readonly):not(.q-select--disabled) {
771
- cursor: pointer;
772
- }
773
- .q-select:not(.q-select--disabled) .q-select__clear:hover, .q-select:not(.q-select--disabled) .q-select__clear:focus,
774
- .q-select:not(.q-select--disabled) .q-select__chevron:hover,
775
- .q-select:not(.q-select--disabled) .q-select__chevron:focus {
776
- opacity: 1;
777
- }
778
- .q-select__value, .q-select__placeholder {
779
- white-space: nowrap;
780
- overflow: hidden;
781
- text-overflow: ellipsis;
782
- pointer-events: none;
783
- min-height: 1lh;
784
- }
785
- .q-select__placeholder {
786
- font-style: italic;
787
- color: var(--q-theme-neutral);
788
- }
789
- .q-select--expanded .q-select__chevron svg {
790
- transform: rotate(-180deg);
791
- }
792
- .q-select .q-field__prepend {
793
- padding-left: 6px;
794
- padding-right: 0.25rem;
795
- }
796
-
797
- .q-select__clear,
798
- .q-select__chevron {
799
- padding: 0.1rem;
800
- opacity: 0.5;
801
- }
802
- .q-select__clear:hover,
803
- .q-select__chevron:hover {
804
- cursor: inherit;
805
- }
806
-
807
- .q-select__chevron svg {
808
- transition: all 0.2s;
809
- }
810
-
811
- .q-select__body {
812
- display: flex;
813
- flex-direction: column;
814
- align-items: flex-start;
815
- gap: 0.25rem;
816
- width: 100%;
817
- padding: 0.25rem 0;
818
- outline: none;
819
- }
820
- .q-select__body .q-list-item {
821
- width: calc(100% - 0.5rem);
822
- margin-left: 0.25rem;
823
- margin-right: 0.25rem;
824
- }
825
-
826
- .q-select__items {
827
- min-width: fit-content;
828
- width: 100%;
829
- max-height: 240px;
830
- align-items: start;
831
- }
832
-
833
- .q-select__loader {
834
- display: flex;
835
- justify-content: center;
836
- width: 100%;
837
- }
838
-
839
- .q-select__loader,
840
- .q-select__empty {
841
- margin: 1rem 0;
842
- }
843
-
844
- .q-spinner-loader {
845
- display: flex;
846
- position: relative;
847
- width: 1em;
848
- height: 1em;
849
- font-size: 48px;
850
- line-height: 1;
851
- align-items: center;
852
- justify-content: center;
853
- color: var(--q-theme-primary);
854
- }
855
- .q-spinner-loader svg {
856
- width: 100%;
857
- height: 100%;
858
- margin: auto;
859
- position: absolute;
860
- top: 0;
861
- bottom: 0;
862
- left: 0;
863
- right: 0;
864
- z-index: 0;
865
- animation: q-spin 2s linear infinite;
866
- transform-origin: center center;
867
- }
868
- .q-spinner-loader .path {
869
- stroke-dasharray: 1, 250;
870
- stroke-dashoffset: 0;
871
- animation: q-md-dash 1.5s ease-in-out infinite;
872
- }
873
-
874
- @keyframes q-spin {
875
- 0% {
876
- transform: rotate3d(0, 0, 1, 0);
877
- }
878
- 25% {
879
- transform: rotate3d(0, 0, 1, 90deg);
880
- }
881
- 50% {
882
- transform: rotate3d(0, 0, 1, 180deg);
883
- }
884
- 75% {
885
- transform: rotate3d(0, 0, 1, 270deg);
886
- }
887
- to {
888
- transform: rotate3d(0, 0, 1, 359deg);
889
- }
890
- }
891
- @keyframes q-md-dash {
892
- 0% {
893
- stroke-dasharray: 1, 200;
894
- stroke-dashoffset: 0;
895
- }
896
- 50% {
897
- stroke-dasharray: 89, 200;
898
- stroke-dashoffset: -35px;
899
- }
900
- to {
901
- stroke-dasharray: 89, 200;
902
- stroke-dashoffset: -124px;
903
- }
904
- }
905
- .q-text-field__input {
906
- width: 100%;
907
- line-height: inherit;
908
- outline: none;
909
- color: inherit;
910
- background-color: transparent;
911
- padding: 0;
912
- }
913
- .q-text-field__input::placeholder {
914
- font-style: italic;
915
- color: var(--q-theme-neutral);
916
- }
917
- .q-text-field__input:disabled {
918
- user-select: none;
919
- }
920
- .q-text-field__input:hover {
921
- cursor: inherit;
922
- }
923
-
924
- .q-theme-provider {
925
- color: var(--q-theme-on-background);
926
- caret-color: var(--q-theme-on-background);
927
- }
928
-
929
- .q-tooltip .q-overlay__content {
930
- padding: 0.5rem;
931
- text-align: center;
932
- font-style: normal;
933
- font-size: 0.81rem;
934
- font-weight: 400;
935
- text-decoration: none;
936
- text-shadow: none;
937
- text-transform: none;
938
- line-height: 1.5;
939
- line-break: auto;
940
- word-wrap: break-word;
941
- word-break: normal;
942
- word-spacing: normal;
943
- white-space: normal;
944
- letter-spacing: normal;
945
- max-width: 200px;
946
- }
947
-
948
1
  .q-chatbot {
949
2
  width: 100%;
950
3
  height: 100%;
951
4
  padding: 1rem;
952
5
  }
6
+ .q-chatbot input {
7
+ line-height: 1.5rem;
8
+ }
953
9
  .q-chatbot .q-input-group .i-text__field {
954
10
  border-radius: 0;
955
11
  flex: 1;