pxx-vue-quill 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md ADDED
@@ -0,0 +1,2 @@
1
+ 富文本支持工具:
2
+ 加粗、斜体、下划线、字体颜色、链接、序列、图片、撤销、重做、数学公式、图文识别
@@ -0,0 +1,490 @@
1
+ .ql-themeName.ql-toolbar:after,
2
+ .ql-themeName .ql-toolbar:after {
3
+ clear: both;
4
+ content: '';
5
+ display: table;
6
+ }
7
+ .ql-themeName.ql-toolbar button,
8
+ .ql-themeName .ql-toolbar button {
9
+ background: none;
10
+ border: none;
11
+ cursor: pointer;
12
+ display: inline-block;
13
+ float: left;
14
+ height: 24px;
15
+ padding: 3px 5px;
16
+ width: 28px;
17
+ margin-left: 1px;
18
+ margin-right: 1px;
19
+ }
20
+ .ql-themeName.ql-toolbar button svg,
21
+ .ql-themeName .ql-toolbar button svg {
22
+ float: left;
23
+ height: 100%;
24
+ }
25
+ .ql-themeName.ql-toolbar button:active:hover,
26
+ .ql-themeName .ql-toolbar button:active:hover {
27
+ outline: none;
28
+ }
29
+ .ql-themeName.ql-toolbar input.ql-image[type=file],
30
+ .ql-themeName .ql-toolbar input.ql-image[type=file] {
31
+ display: none;
32
+ }
33
+ .ql-themeName.ql-toolbar button:hover,
34
+ .ql-themeName .ql-toolbar button:hover,
35
+ .ql-themeName.ql-toolbar button:focus,
36
+ .ql-themeName .ql-toolbar button:focus,
37
+ .ql-themeName.ql-toolbar .ql-picker-label:hover,
38
+ .ql-themeName .ql-toolbar .ql-picker-label:hover,
39
+ .ql-themeName.ql-toolbar .ql-picker-item:hover,
40
+ .ql-themeName .ql-toolbar .ql-picker-item:hover {
41
+ background-color: backgroundHoverColor;
42
+ }
43
+ .ql-themeName.ql-toolbar button.ql-active,
44
+ .ql-themeName .ql-toolbar button.ql-active,
45
+ .ql-themeName.ql-toolbar .ql-picker-label.ql-active,
46
+ .ql-themeName .ql-toolbar .ql-picker-label.ql-active,
47
+ .ql-themeName.ql-toolbar .ql-picker-item.ql-selected,
48
+ .ql-themeName .ql-toolbar .ql-picker-item.ql-selected {
49
+ background-color: backgroundActiveColor;
50
+ color: activeColor;
51
+ }
52
+ .ql-themeName.ql-toolbar button.ql-active .ql-fill,
53
+ .ql-themeName .ql-toolbar button.ql-active .ql-fill,
54
+ .ql-themeName.ql-toolbar .ql-picker-label.ql-active .ql-fill,
55
+ .ql-themeName .ql-toolbar .ql-picker-label.ql-active .ql-fill,
56
+ .ql-themeName.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
57
+ .ql-themeName .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
58
+ .ql-themeName.ql-toolbar button.ql-active .ql-stroke.ql-fill,
59
+ .ql-themeName .ql-toolbar button.ql-active .ql-stroke.ql-fill,
60
+ .ql-themeName.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
61
+ .ql-themeName .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
62
+ .ql-themeName.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
63
+ .ql-themeName .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
64
+ fill: activeColor;
65
+ }
66
+ .ql-themeName.ql-toolbar button.ql-active .ql-stroke,
67
+ .ql-themeName .ql-toolbar button.ql-active .ql-stroke,
68
+ .ql-themeName.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
69
+ .ql-themeName .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
70
+ .ql-themeName.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
71
+ .ql-themeName .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
72
+ .ql-themeName.ql-toolbar button.ql-active .ql-stroke-miter,
73
+ .ql-themeName .ql-toolbar button.ql-active .ql-stroke-miter,
74
+ .ql-themeName.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
75
+ .ql-themeName .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
76
+ .ql-themeName.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
77
+ .ql-themeName .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
78
+ stroke: activeColor;
79
+ }
80
+ @media (pointer: coarse) {
81
+ .ql-themeName.ql-toolbar button:hover:not(.ql-active),
82
+ .ql-themeName .ql-toolbar button:hover:not(.ql-active) {
83
+ color: inactiveColor;
84
+ }
85
+ .ql-themeName.ql-toolbar button:hover:not(.ql-active) .ql-fill,
86
+ .ql-themeName .ql-toolbar button:hover:not(.ql-active) .ql-fill,
87
+ .ql-themeName.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
88
+ .ql-themeName .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
89
+ fill: inactiveColor;
90
+ }
91
+ .ql-themeName.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
92
+ .ql-themeName .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
93
+ .ql-themeName.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
94
+ .ql-themeName .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
95
+ stroke: inactiveColor;
96
+ }
97
+ }
98
+ .ql-themeName {
99
+ box-sizing: border-box;
100
+ }
101
+ .ql-themeName * {
102
+ box-sizing: border-box;
103
+ }
104
+ .ql-themeName .ql-hidden {
105
+ display: none;
106
+ }
107
+ .ql-themeName .ql-out-bottom,
108
+ .ql-themeName .ql-out-top {
109
+ visibility: hidden;
110
+ }
111
+ .ql-themeName .ql-tooltip {
112
+ position: absolute;
113
+ transform: translateY(10px);
114
+ }
115
+ .ql-themeName .ql-tooltip a {
116
+ cursor: pointer;
117
+ text-decoration: none;
118
+ }
119
+ .ql-themeName .ql-tooltip.ql-flip {
120
+ transform: translateY(-10px);
121
+ }
122
+ .ql-themeName .ql-formats {
123
+ display: inline-block;
124
+ vertical-align: middle;
125
+ }
126
+ .ql-themeName .ql-formats:after {
127
+ clear: both;
128
+ content: '';
129
+ display: table;
130
+ }
131
+ .ql-themeName .ql-stroke {
132
+ fill: none;
133
+ stroke: inactiveColor;
134
+ stroke-linecap: round;
135
+ stroke-linejoin: round;
136
+ stroke-width: 2;
137
+ }
138
+ .ql-themeName .ql-stroke-miter {
139
+ fill: none;
140
+ stroke: inactiveColor;
141
+ stroke-miterlimit: 10;
142
+ stroke-width: 2;
143
+ }
144
+ .ql-themeName .ql-fill,
145
+ .ql-themeName .ql-stroke.ql-fill {
146
+ fill: inactiveColor;
147
+ }
148
+ .ql-themeName .ql-empty {
149
+ fill: none;
150
+ }
151
+ .ql-themeName .ql-even {
152
+ fill-rule: evenodd;
153
+ }
154
+ .ql-themeName .ql-thin,
155
+ .ql-themeName .ql-stroke.ql-thin {
156
+ stroke-width: 1;
157
+ }
158
+ .ql-themeName .ql-transparent {
159
+ opacity: 0.4;
160
+ }
161
+ .ql-themeName .ql-direction svg:last-child {
162
+ display: none;
163
+ }
164
+ .ql-themeName .ql-direction.ql-active svg:last-child {
165
+ display: inline;
166
+ }
167
+ .ql-themeName .ql-direction.ql-active svg:first-child {
168
+ display: none;
169
+ }
170
+ .ql-themeName .ql-editor h1 {
171
+ font-size: 2em;
172
+ }
173
+ .ql-themeName .ql-editor h2 {
174
+ font-size: 1.5em;
175
+ }
176
+ .ql-themeName .ql-editor h3 {
177
+ font-size: 1.17em;
178
+ }
179
+ .ql-themeName .ql-editor h4 {
180
+ font-size: 1em;
181
+ }
182
+ .ql-themeName .ql-editor h5 {
183
+ font-size: 0.83em;
184
+ }
185
+ .ql-themeName .ql-editor h6 {
186
+ font-size: 0.67em;
187
+ }
188
+ .ql-themeName .ql-editor a {
189
+ text-decoration: underline;
190
+ }
191
+ .ql-themeName .ql-editor blockquote {
192
+ border-left: 4px solid #ccc;
193
+ margin-bottom: 5px;
194
+ margin-top: 5px;
195
+ padding-left: 16px;
196
+ }
197
+ .ql-themeName .ql-editor code,
198
+ .ql-themeName .ql-editor pre {
199
+ background-color: #f0f0f0;
200
+ border-radius: 3px;
201
+ }
202
+ .ql-themeName .ql-editor pre {
203
+ white-space: pre-wrap;
204
+ margin-bottom: 5px;
205
+ margin-top: 5px;
206
+ padding: 5px 10px;
207
+ }
208
+ .ql-themeName .ql-editor code {
209
+ font-size: 85%;
210
+ padding: 2px 4px;
211
+ }
212
+ .ql-themeName .ql-editor pre.ql-syntax {
213
+ background-color: #23241f;
214
+ color: #f8f8f2;
215
+ overflow: visible;
216
+ }
217
+ .ql-themeName .ql-editor img {
218
+ max-width: 100%;
219
+ }
220
+ .ql-themeName .ql-picker {
221
+ color: inactiveColor;
222
+ display: inline-block;
223
+ float: left;
224
+ font-size: 14px;
225
+ font-weight: 500;
226
+ height: 24px;
227
+ position: relative;
228
+ vertical-align: middle;
229
+ margin-right: 1px;
230
+ margin-left: 1px;
231
+ }
232
+ .ql-themeName .ql-picker-label {
233
+ cursor: pointer;
234
+ display: flex;
235
+ height: 100%;
236
+ padding-left: 8px;
237
+ padding-right: 2px;
238
+ position: relative;
239
+ width: 100%;
240
+ }
241
+ .ql-themeName .ql-picker-label::before {
242
+ display: inline-block;
243
+ line-height: 22px;
244
+ }
245
+ .ql-themeName .ql-picker-options {
246
+ background-color: backgroundColor;
247
+ display: none;
248
+ min-width: 100%;
249
+ position: absolute;
250
+ white-space: nowrap;
251
+ }
252
+ .ql-themeName .ql-picker-options .ql-picker-item {
253
+ cursor: pointer;
254
+ display: block;
255
+ padding: 5px 8px;
256
+ }
257
+ .ql-themeName .ql-picker.ql-expanded .ql-picker-label {
258
+ color: borderColor;
259
+ z-index: 2;
260
+ }
261
+ .ql-themeName .ql-picker.ql-expanded .ql-picker-label .ql-fill {
262
+ fill: borderColor;
263
+ }
264
+ .ql-themeName .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
265
+ stroke: borderColor;
266
+ }
267
+ .ql-themeName .ql-picker.ql-expanded .ql-picker-options {
268
+ display: block;
269
+ margin-top: -1px;
270
+ top: 100%;
271
+ z-index: 1;
272
+ }
273
+ .ql-themeName .ql-color-picker,
274
+ .ql-themeName .ql-icon-picker {
275
+ width: 28px;
276
+ }
277
+ .ql-themeName .ql-color-picker .ql-picker-label,
278
+ .ql-themeName .ql-icon-picker .ql-picker-label {
279
+ padding: 2px 4px;
280
+ }
281
+ .ql-themeName .ql-color-picker .ql-picker-label svg,
282
+ .ql-themeName .ql-icon-picker .ql-picker-label svg {
283
+ right: 4px;
284
+ }
285
+ .ql-themeName .ql-icon-picker .ql-picker-options {
286
+ padding: 3px;
287
+ }
288
+ .ql-themeName .ql-icon-picker .ql-picker-item {
289
+ height: 24px;
290
+ width: 24px;
291
+ padding: 2px 4px;
292
+ margin: 2px;
293
+ }
294
+ .ql-themeName .ql-color-picker .ql-picker-options {
295
+ padding: 3px 5px;
296
+ width: 152px;
297
+ }
298
+ .ql-themeName .ql-color-picker .ql-picker-item {
299
+ border: 1px solid transparent;
300
+ float: left;
301
+ height: 16px;
302
+ margin: 2px;
303
+ padding: 0px;
304
+ width: 16px;
305
+ }
306
+ .ql-themeName .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
307
+ position: absolute;
308
+ margin-top: -9px;
309
+ right: 0;
310
+ top: 50%;
311
+ width: 18px;
312
+ }
313
+ .ql-themeName .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
314
+ .ql-themeName .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
315
+ .ql-themeName .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
316
+ .ql-themeName .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
317
+ .ql-themeName .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
318
+ .ql-themeName .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
319
+ content: attr(data-label);
320
+ }
321
+ .ql-themeName .ql-picker.ql-header {
322
+ width: 98px;
323
+ }
324
+ .ql-themeName .ql-picker.ql-header .ql-picker-label::before,
325
+ .ql-themeName .ql-picker.ql-header .ql-picker-item::before {
326
+ content: 'Normal';
327
+ }
328
+ .ql-themeName .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
329
+ .ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
330
+ content: 'Heading 1';
331
+ }
332
+ .ql-themeName .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
333
+ .ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
334
+ content: 'Heading 2';
335
+ }
336
+ .ql-themeName .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
337
+ .ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
338
+ content: 'Heading 3';
339
+ }
340
+ .ql-themeName .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
341
+ .ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
342
+ content: 'Heading 4';
343
+ }
344
+ .ql-themeName .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
345
+ .ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
346
+ content: 'Heading 5';
347
+ }
348
+ .ql-themeName .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
349
+ .ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
350
+ content: 'Heading 6';
351
+ }
352
+ .ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
353
+ font-size: 2em;
354
+ }
355
+ .ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
356
+ font-size: 1.5em;
357
+ }
358
+ .ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
359
+ font-size: 1.17em;
360
+ }
361
+ .ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
362
+ font-size: 1em;
363
+ }
364
+ .ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
365
+ font-size: 0.83em;
366
+ }
367
+ .ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
368
+ font-size: 0.67em;
369
+ }
370
+ .ql-themeName .ql-picker.ql-font {
371
+ width: 108px;
372
+ }
373
+ .ql-themeName .ql-picker.ql-font .ql-picker-label::before,
374
+ .ql-themeName .ql-picker.ql-font .ql-picker-item::before {
375
+ content: 'Sans Serif';
376
+ }
377
+ .ql-themeName .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
378
+ .ql-themeName .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
379
+ content: 'Serif';
380
+ }
381
+ .ql-themeName .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
382
+ .ql-themeName .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
383
+ content: 'Monospace';
384
+ }
385
+ .ql-themeName .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
386
+ font-family: Georgia, Times New Roman, serif;
387
+ }
388
+ .ql-themeName .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
389
+ font-family: Monaco, Courier New, monospace;
390
+ }
391
+ .ql-themeName .ql-picker.ql-size {
392
+ width: 98px;
393
+ }
394
+ .ql-themeName .ql-picker.ql-size .ql-picker-label::before,
395
+ .ql-themeName .ql-picker.ql-size .ql-picker-item::before {
396
+ content: 'Normal';
397
+ }
398
+ .ql-themeName .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
399
+ .ql-themeName .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
400
+ content: 'Small';
401
+ }
402
+ .ql-themeName .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
403
+ .ql-themeName .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
404
+ content: 'Large';
405
+ }
406
+ .ql-themeName .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
407
+ .ql-themeName .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
408
+ content: 'Huge';
409
+ }
410
+ .ql-themeName .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
411
+ font-size: 10px;
412
+ }
413
+ .ql-themeName .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
414
+ font-size: 18px;
415
+ }
416
+ .ql-themeName .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
417
+ font-size: 32px;
418
+ }
419
+ .ql-themeName .ql-color-picker.ql-background .ql-picker-item {
420
+ background-color: #fff;
421
+ }
422
+ .ql-themeName .ql-color-picker.ql-color .ql-picker-item {
423
+ background-color: #000;
424
+ }
425
+ .ql-bubble .ql-toolbar {
426
+ border: 1px solid #ccc;
427
+ border-radius: 5px;
428
+ background: #fff;
429
+ box-shadow: 0 2px 8px rgba(0,0,0,0.1);
430
+ }
431
+ .ql-bubble .ql-tooltip {
432
+ background: #fff;
433
+ border: 1px solid #ccc;
434
+ border-radius: 5px;
435
+ box-shadow: 0 2px 8px rgba(0,0,0,0.1);
436
+ color: #444;
437
+ padding: 5px 12px;
438
+ white-space: nowrap;
439
+ }
440
+ .ql-bubble .ql-tooltip:before {
441
+ content: "Visit URL:";
442
+ line-height: 26px;
443
+ margin-right: 8px;
444
+ }
445
+ .ql-bubble .ql-tooltip input[type=text] {
446
+ display: none;
447
+ border: 1px solid #ccc;
448
+ font-size: 13px;
449
+ height: 26px;
450
+ margin: 0px;
451
+ padding: 3px 5px;
452
+ width: 170px;
453
+ }
454
+ .ql-bubble .ql-tooltip a.ql-preview {
455
+ display: inline-block;
456
+ max-width: 200px;
457
+ overflow-x: hidden;
458
+ text-overflow: ellipsis;
459
+ vertical-align: top;
460
+ }
461
+ .ql-bubble .ql-tooltip a.ql-action::after {
462
+ border-right: 1px solid #ccc;
463
+ content: 'Edit';
464
+ margin-left: 16px;
465
+ padding-right: 8px;
466
+ }
467
+ .ql-bubble .ql-tooltip a.ql-remove::before {
468
+ content: 'Remove';
469
+ margin-left: 8px;
470
+ }
471
+ .ql-bubble .ql-tooltip[data-mode=link] a.ql-preview,
472
+ .ql-bubble .ql-tooltip[data-mode=link] a.ql-remove {
473
+ display: none;
474
+ }
475
+ .ql-bubble .ql-tooltip[data-mode=link] input[type=text] {
476
+ display: inline-block;
477
+ }
478
+ .ql-bubble .ql-tooltip[data-mode=formula] a.ql-preview {
479
+ display: none;
480
+ }
481
+ .ql-bubble .ql-tooltip[data-mode=formula] input[type=text] {
482
+ display: inline-block;
483
+ }
484
+ .ql-bubble .ql-tooltip.ql-editing a.ql-preview,
485
+ .ql-bubble .ql-tooltip.ql-editing a.ql-remove {
486
+ display: none;
487
+ }
488
+ .ql-bubble .ql-tooltip.ql-editing input[type=text] {
489
+ display: inline-block;
490
+ }
@@ -0,0 +1 @@
1
+ .ql-themeName.ql-toolbar:after,.ql-themeName .ql-toolbar:after{clear:both;content:'';display:table}.ql-themeName.ql-toolbar button,.ql-themeName .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px;margin-left:1px;margin-right:1px}.ql-themeName.ql-toolbar button svg,.ql-themeName .ql-toolbar button svg{float:left;height:100%}.ql-themeName.ql-toolbar button:active:hover,.ql-themeName .ql-toolbar button:active:hover{outline:none}.ql-themeName.ql-toolbar input.ql-image[type=file],.ql-themeName .ql-toolbar input.ql-image[type=file]{display:none}.ql-themeName.ql-toolbar button:hover,.ql-themeName .ql-toolbar button:hover,.ql-themeName.ql-toolbar button:focus,.ql-themeName .ql-toolbar button:focus,.ql-themeName.ql-toolbar .ql-picker-label:hover,.ql-themeName .ql-toolbar .ql-picker-label:hover,.ql-themeName.ql-toolbar .ql-picker-item:hover,.ql-themeName .ql-toolbar .ql-picker-item:hover{background-color:backgroundHoverColor}.ql-themeName.ql-toolbar button.ql-active,.ql-themeName .ql-toolbar button.ql-active,.ql-themeName.ql-toolbar .ql-picker-label.ql-active,.ql-themeName .ql-toolbar .ql-picker-label.ql-active,.ql-themeName.ql-toolbar .ql-picker-item.ql-selected,.ql-themeName .ql-toolbar .ql-picker-item.ql-selected{background-color:backgroundActiveColor;color:activeColor}.ql-themeName.ql-toolbar button.ql-active .ql-fill,.ql-themeName .ql-toolbar button.ql-active .ql-fill,.ql-themeName.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-themeName .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-themeName.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-themeName .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-themeName.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-themeName .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-themeName.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-themeName .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-themeName.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-themeName .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:activeColor}.ql-themeName.ql-toolbar button.ql-active .ql-stroke,.ql-themeName .ql-toolbar button.ql-active .ql-stroke,.ql-themeName.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-themeName .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-themeName.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-themeName .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-themeName.ql-toolbar button.ql-active .ql-stroke-miter,.ql-themeName .ql-toolbar button.ql-active .ql-stroke-miter,.ql-themeName.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-themeName .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-themeName.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-themeName .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:activeColor}@media (pointer:coarse){.ql-themeName.ql-toolbar button:hover:not(.ql-active),.ql-themeName .ql-toolbar button:hover:not(.ql-active){color:inactiveColor}.ql-themeName.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-themeName .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-themeName.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-themeName .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:inactiveColor}.ql-themeName.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-themeName .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-themeName.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-themeName .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:inactiveColor}}.ql-themeName{box-sizing:border-box}.ql-themeName *{box-sizing:border-box}.ql-themeName .ql-hidden{display:none}.ql-themeName .ql-out-bottom,.ql-themeName .ql-out-top{visibility:hidden}.ql-themeName .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-themeName .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-themeName .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-themeName .ql-formats{display:inline-block;vertical-align:middle}.ql-themeName .ql-formats:after{clear:both;content:'';display:table}.ql-themeName .ql-stroke{fill:none;stroke:inactiveColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-themeName .ql-stroke-miter{fill:none;stroke:inactiveColor;stroke-miterlimit:10;stroke-width:2}.ql-themeName .ql-fill,.ql-themeName .ql-stroke.ql-fill{fill:inactiveColor}.ql-themeName .ql-empty{fill:none}.ql-themeName .ql-even{fill-rule:evenodd}.ql-themeName .ql-thin,.ql-themeName .ql-stroke.ql-thin{stroke-width:1}.ql-themeName .ql-transparent{opacity:.4}.ql-themeName .ql-direction svg:last-child{display:none}.ql-themeName .ql-direction.ql-active svg:last-child{display:inline}.ql-themeName .ql-direction.ql-active svg:first-child{display:none}.ql-themeName .ql-editor h1{font-size:2em}.ql-themeName .ql-editor h2{font-size:1.5em}.ql-themeName .ql-editor h3{font-size:1.17em}.ql-themeName .ql-editor h4{font-size:1em}.ql-themeName .ql-editor h5{font-size:.83em}.ql-themeName .ql-editor h6{font-size:.67em}.ql-themeName .ql-editor a{text-decoration:underline}.ql-themeName .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-themeName .ql-editor code,.ql-themeName .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-themeName .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-themeName .ql-editor code{font-size:85%;padding:2px 4px}.ql-themeName .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-themeName .ql-editor img{max-width:100%}.ql-themeName .ql-picker{color:inactiveColor;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle;margin-right:1px;margin-left:1px}.ql-themeName .ql-picker-label{cursor:pointer;display:flex;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-themeName .ql-picker-label::before{display:inline-block;line-height:22px}.ql-themeName .ql-picker-options{background-color:backgroundColor;display:none;min-width:100%;position:absolute;white-space:nowrap}.ql-themeName .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding:5px 8px}.ql-themeName .ql-picker.ql-expanded .ql-picker-label{color:borderColor;z-index:2}.ql-themeName .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:borderColor}.ql-themeName .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:borderColor}.ql-themeName .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-themeName .ql-color-picker,.ql-themeName .ql-icon-picker{width:28px}.ql-themeName .ql-color-picker .ql-picker-label,.ql-themeName .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-themeName .ql-color-picker .ql-picker-label svg,.ql-themeName .ql-icon-picker .ql-picker-label svg{right:4px}.ql-themeName .ql-icon-picker .ql-picker-options{padding:3px}.ql-themeName .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px;margin:2px}.ql-themeName .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-themeName .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-themeName .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-themeName .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-themeName .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-themeName .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-themeName .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-themeName .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-themeName .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-themeName .ql-picker.ql-header{width:98px}.ql-themeName .ql-picker.ql-header .ql-picker-label::before,.ql-themeName .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-themeName .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-themeName .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-themeName .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-themeName .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-themeName .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-themeName .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-themeName .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-themeName .ql-picker.ql-font{width:108px}.ql-themeName .ql-picker.ql-font .ql-picker-label::before,.ql-themeName .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-themeName .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-themeName .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-themeName .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-themeName .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-themeName .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-themeName .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-themeName .ql-picker.ql-size{width:98px}.ql-themeName .ql-picker.ql-size .ql-picker-label::before,.ql-themeName .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-themeName .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-themeName .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-themeName .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-themeName .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-themeName .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-themeName .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-themeName .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-themeName .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-themeName .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-themeName .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-themeName .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-bubble .ql-toolbar{border:1px solid #ccc;border-radius:5px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.ql-bubble .ql-tooltip{background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,0.1);color:#444;padding:5px 12px;white-space:nowrap}.ql-bubble .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-bubble .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-bubble .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-bubble .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-bubble .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-bubble .ql-tooltip[data-mode=link] a.ql-preview,.ql-bubble .ql-tooltip[data-mode=link] a.ql-remove{display:none}.ql-bubble .ql-tooltip[data-mode=link] input[type=text]{display:inline-block}.ql-bubble .ql-tooltip[data-mode=formula] a.ql-preview{display:none}.ql-bubble .ql-tooltip[data-mode=formula] input[type=text]{display:inline-block}.ql-bubble .ql-tooltip.ql-editing a.ql-preview,.ql-bubble .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-bubble .ql-tooltip.ql-editing input[type=text]{display:inline-block}