identity-admin-ui 1.12.30 → 1.12.32

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/lib/cjs/index.css CHANGED
@@ -1,10 +1,3 @@
1
- /*!
2
- Theme: Tomorrow Night
3
- Author: Chris Kempson (http://chriskempson.com)
4
- License: ~ MIT (or more permissive) [via base16-schemes-source]
5
- Maintainer: @highlightjs/core-team
6
- Version: 2021.09.0
7
- */pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#ccc;background:#2d2d2d}.hljs ::selection,.hljs::selection{background-color:#515151;color:#ccc}.hljs-comment{color:#999}.hljs-tag{color:#b4b7b4}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#ccc}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f2777a}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f99157}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fc6}.hljs-strong{font-weight:700;color:#fc6}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#9c9}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#6cc}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#69c}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c9c}.hljs-emphasis{color:#c9c;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#a3685a}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
8
1
  .editor {
9
2
  padding-left: 20px;
10
3
  padding-right: 20px;
@@ -24,1839 +17,1852 @@
24
17
  border-radius: 10px;
25
18
  border-color: lightgray;
26
19
  }
27
-
28
- /*!
29
- * Quill Editor v1.3.7
30
- * https://quilljs.com/
31
- * Copyright (c) 2014, Jason Chen
32
- * Copyright (c) 2013, salesforce.com
33
- */
34
- .ql-container {
35
- box-sizing: border-box;
36
- font-family: Helvetica, Arial, sans-serif;
37
- font-size: 13px;
38
- height: 100%;
39
- margin: 0px;
40
- position: relative;
41
- }
42
- .ql-container.ql-disabled .ql-tooltip {
43
- visibility: hidden;
44
- }
45
- .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
46
- pointer-events: none;
47
- }
48
- .ql-clipboard {
49
- left: -100000px;
50
- height: 1px;
51
- overflow-y: hidden;
52
- position: absolute;
53
- top: 50%;
54
- }
55
- .ql-clipboard p {
56
- margin: 0;
57
- padding: 0;
58
- }
59
- .ql-editor {
60
- box-sizing: border-box;
61
- line-height: 1.42;
62
- height: 100%;
63
- outline: none;
64
- overflow-y: auto;
65
- padding: 12px 15px;
66
- tab-size: 4;
67
- -moz-tab-size: 4;
68
- text-align: left;
69
- white-space: pre-wrap;
70
- word-wrap: break-word;
71
- }
72
- .ql-editor > * {
73
- cursor: text;
74
- }
75
- .ql-editor p,
76
- .ql-editor ol,
77
- .ql-editor ul,
78
- .ql-editor pre,
79
- .ql-editor blockquote,
80
- .ql-editor h1,
81
- .ql-editor h2,
82
- .ql-editor h3,
83
- .ql-editor h4,
84
- .ql-editor h5,
85
- .ql-editor h6 {
86
- margin: 0;
87
- padding: 0;
88
- counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
89
- }
90
- .ql-editor ol,
91
- .ql-editor ul {
92
- padding-left: 1.5em;
93
- }
94
- .ql-editor ol > li,
95
- .ql-editor ul > li {
96
- list-style-type: none;
97
- }
98
- .ql-editor ul > li::before {
99
- content: '\2022';
100
- }
101
- .ql-editor ul[data-checked=true],
102
- .ql-editor ul[data-checked=false] {
103
- pointer-events: none;
104
- }
105
- .ql-editor ul[data-checked=true] > li *,
106
- .ql-editor ul[data-checked=false] > li * {
107
- pointer-events: all;
108
- }
109
- .ql-editor ul[data-checked=true] > li::before,
110
- .ql-editor ul[data-checked=false] > li::before {
111
- color: #777;
112
- cursor: pointer;
113
- pointer-events: all;
114
- }
115
- .ql-editor ul[data-checked=true] > li::before {
116
- content: '\2611';
117
- }
118
- .ql-editor ul[data-checked=false] > li::before {
119
- content: '\2610';
120
- }
121
- .ql-editor li::before {
122
- display: inline-block;
123
- white-space: nowrap;
124
- width: 1.2em;
125
- }
126
- .ql-editor li:not(.ql-direction-rtl)::before {
127
- margin-left: -1.5em;
128
- margin-right: 0.3em;
129
- text-align: right;
130
- }
131
- .ql-editor li.ql-direction-rtl::before {
132
- margin-left: 0.3em;
133
- margin-right: -1.5em;
134
- }
135
- .ql-editor ol li:not(.ql-direction-rtl),
136
- .ql-editor ul li:not(.ql-direction-rtl) {
137
- padding-left: 1.5em;
138
- }
139
- .ql-editor ol li.ql-direction-rtl,
140
- .ql-editor ul li.ql-direction-rtl {
141
- padding-right: 1.5em;
142
- }
143
- .ql-editor ol li {
144
- counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
145
- counter-increment: list-0;
146
- }
147
- .ql-editor ol li:before {
148
- content: counter(list-0, decimal) '. ';
149
- }
150
- .ql-editor ol li.ql-indent-1 {
151
- counter-increment: list-1;
152
- }
153
- .ql-editor ol li.ql-indent-1:before {
154
- content: counter(list-1, lower-alpha) '. ';
155
- }
156
- .ql-editor ol li.ql-indent-1 {
157
- counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
158
- }
159
- .ql-editor ol li.ql-indent-2 {
160
- counter-increment: list-2;
161
- }
162
- .ql-editor ol li.ql-indent-2:before {
163
- content: counter(list-2, lower-roman) '. ';
164
- }
165
- .ql-editor ol li.ql-indent-2 {
166
- counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
167
- }
168
- .ql-editor ol li.ql-indent-3 {
169
- counter-increment: list-3;
170
- }
171
- .ql-editor ol li.ql-indent-3:before {
172
- content: counter(list-3, decimal) '. ';
173
- }
174
- .ql-editor ol li.ql-indent-3 {
175
- counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
176
- }
177
- .ql-editor ol li.ql-indent-4 {
178
- counter-increment: list-4;
179
- }
180
- .ql-editor ol li.ql-indent-4:before {
181
- content: counter(list-4, lower-alpha) '. ';
182
- }
183
- .ql-editor ol li.ql-indent-4 {
184
- counter-reset: list-5 list-6 list-7 list-8 list-9;
185
- }
186
- .ql-editor ol li.ql-indent-5 {
187
- counter-increment: list-5;
188
- }
189
- .ql-editor ol li.ql-indent-5:before {
190
- content: counter(list-5, lower-roman) '. ';
191
- }
192
- .ql-editor ol li.ql-indent-5 {
193
- counter-reset: list-6 list-7 list-8 list-9;
194
- }
195
- .ql-editor ol li.ql-indent-6 {
196
- counter-increment: list-6;
197
- }
198
- .ql-editor ol li.ql-indent-6:before {
199
- content: counter(list-6, decimal) '. ';
200
- }
201
- .ql-editor ol li.ql-indent-6 {
202
- counter-reset: list-7 list-8 list-9;
203
- }
204
- .ql-editor ol li.ql-indent-7 {
205
- counter-increment: list-7;
206
- }
207
- .ql-editor ol li.ql-indent-7:before {
208
- content: counter(list-7, lower-alpha) '. ';
209
- }
210
- .ql-editor ol li.ql-indent-7 {
211
- counter-reset: list-8 list-9;
212
- }
213
- .ql-editor ol li.ql-indent-8 {
214
- counter-increment: list-8;
215
- }
216
- .ql-editor ol li.ql-indent-8:before {
217
- content: counter(list-8, lower-roman) '. ';
218
- }
219
- .ql-editor ol li.ql-indent-8 {
220
- counter-reset: list-9;
221
- }
222
- .ql-editor ol li.ql-indent-9 {
223
- counter-increment: list-9;
224
- }
225
- .ql-editor ol li.ql-indent-9:before {
226
- content: counter(list-9, decimal) '. ';
227
- }
228
- .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
229
- padding-left: 3em;
230
- }
231
- .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
232
- padding-left: 4.5em;
233
- }
234
- .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
235
- padding-right: 3em;
236
- }
237
- .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
238
- padding-right: 4.5em;
239
- }
240
- .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
241
- padding-left: 6em;
242
- }
243
- .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
244
- padding-left: 7.5em;
245
- }
246
- .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
247
- padding-right: 6em;
248
- }
249
- .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
250
- padding-right: 7.5em;
251
- }
252
- .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
253
- padding-left: 9em;
254
- }
255
- .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
256
- padding-left: 10.5em;
257
- }
258
- .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
259
- padding-right: 9em;
260
- }
261
- .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
262
- padding-right: 10.5em;
263
- }
264
- .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
265
- padding-left: 12em;
266
- }
267
- .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
268
- padding-left: 13.5em;
269
- }
270
- .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
271
- padding-right: 12em;
272
- }
273
- .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
274
- padding-right: 13.5em;
275
- }
276
- .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
277
- padding-left: 15em;
278
- }
279
- .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
280
- padding-left: 16.5em;
281
- }
282
- .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
283
- padding-right: 15em;
284
- }
285
- .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
286
- padding-right: 16.5em;
287
- }
288
- .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
289
- padding-left: 18em;
290
- }
291
- .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
292
- padding-left: 19.5em;
293
- }
294
- .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
295
- padding-right: 18em;
296
- }
297
- .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
298
- padding-right: 19.5em;
299
- }
300
- .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
301
- padding-left: 21em;
302
- }
303
- .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
304
- padding-left: 22.5em;
305
- }
306
- .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
307
- padding-right: 21em;
308
- }
309
- .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
310
- padding-right: 22.5em;
311
- }
312
- .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
313
- padding-left: 24em;
314
- }
315
- .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
316
- padding-left: 25.5em;
317
- }
318
- .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
319
- padding-right: 24em;
320
- }
321
- .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
322
- padding-right: 25.5em;
323
- }
324
- .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
325
- padding-left: 27em;
326
- }
327
- .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
328
- padding-left: 28.5em;
329
- }
330
- .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
331
- padding-right: 27em;
332
- }
333
- .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
334
- padding-right: 28.5em;
335
- }
336
- .ql-editor .ql-video {
337
- display: block;
338
- max-width: 100%;
339
- }
340
- .ql-editor .ql-video.ql-align-center {
341
- margin: 0 auto;
342
- }
343
- .ql-editor .ql-video.ql-align-right {
344
- margin: 0 0 0 auto;
345
- }
346
- .ql-editor .ql-bg-black {
347
- background-color: #000;
348
- }
349
- .ql-editor .ql-bg-red {
350
- background-color: #e60000;
351
- }
352
- .ql-editor .ql-bg-orange {
353
- background-color: #f90;
354
- }
355
- .ql-editor .ql-bg-yellow {
356
- background-color: #ff0;
357
- }
358
- .ql-editor .ql-bg-green {
359
- background-color: #008a00;
360
- }
361
- .ql-editor .ql-bg-blue {
362
- background-color: #06c;
363
- }
364
- .ql-editor .ql-bg-purple {
365
- background-color: #93f;
366
- }
367
- .ql-editor .ql-color-white {
368
- color: #fff;
369
- }
370
- .ql-editor .ql-color-red {
371
- color: #e60000;
372
- }
373
- .ql-editor .ql-color-orange {
374
- color: #f90;
375
- }
376
- .ql-editor .ql-color-yellow {
377
- color: #ff0;
378
- }
379
- .ql-editor .ql-color-green {
380
- color: #008a00;
381
- }
382
- .ql-editor .ql-color-blue {
383
- color: #06c;
384
- }
385
- .ql-editor .ql-color-purple {
386
- color: #93f;
387
- }
388
- .ql-editor .ql-font-serif {
389
- font-family: Georgia, Times New Roman, serif;
390
- }
391
- .ql-editor .ql-font-monospace {
392
- font-family: Monaco, Courier New, monospace;
393
- }
394
- .ql-editor .ql-size-small {
395
- font-size: 0.75em;
396
- }
397
- .ql-editor .ql-size-large {
398
- font-size: 1.5em;
399
- }
400
- .ql-editor .ql-size-huge {
401
- font-size: 2.5em;
402
- }
403
- .ql-editor .ql-direction-rtl {
404
- direction: rtl;
405
- text-align: inherit;
406
- }
407
- .ql-editor .ql-align-center {
408
- text-align: center;
409
- }
410
- .ql-editor .ql-align-justify {
411
- text-align: justify;
412
- }
413
- .ql-editor .ql-align-right {
414
- text-align: right;
415
- }
416
- .ql-editor.ql-blank::before {
417
- color: rgba(0,0,0,0.6);
418
- content: attr(data-placeholder);
419
- font-style: italic;
420
- left: 15px;
421
- pointer-events: none;
422
- position: absolute;
423
- right: 15px;
424
- }
425
- .ql-snow.ql-toolbar:after,
426
- .ql-snow .ql-toolbar:after {
427
- clear: both;
428
- content: '';
429
- display: table;
430
- }
431
- .ql-snow.ql-toolbar button,
432
- .ql-snow .ql-toolbar button {
433
- background: none;
434
- border: none;
435
- cursor: pointer;
436
- display: inline-block;
437
- float: left;
438
- height: 24px;
439
- padding: 3px 5px;
440
- width: 28px;
441
- }
442
- .ql-snow.ql-toolbar button svg,
443
- .ql-snow .ql-toolbar button svg {
444
- float: left;
445
- height: 100%;
446
- }
447
- .ql-snow.ql-toolbar button:active:hover,
448
- .ql-snow .ql-toolbar button:active:hover {
449
- outline: none;
450
- }
451
- .ql-snow.ql-toolbar input.ql-image[type=file],
452
- .ql-snow .ql-toolbar input.ql-image[type=file] {
453
- display: none;
454
- }
455
- .ql-snow.ql-toolbar button:hover,
456
- .ql-snow .ql-toolbar button:hover,
457
- .ql-snow.ql-toolbar button:focus,
458
- .ql-snow .ql-toolbar button:focus,
459
- .ql-snow.ql-toolbar button.ql-active,
460
- .ql-snow .ql-toolbar button.ql-active,
461
- .ql-snow.ql-toolbar .ql-picker-label:hover,
462
- .ql-snow .ql-toolbar .ql-picker-label:hover,
463
- .ql-snow.ql-toolbar .ql-picker-label.ql-active,
464
- .ql-snow .ql-toolbar .ql-picker-label.ql-active,
465
- .ql-snow.ql-toolbar .ql-picker-item:hover,
466
- .ql-snow .ql-toolbar .ql-picker-item:hover,
467
- .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
468
- .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
469
- color: #06c;
470
- }
471
- .ql-snow.ql-toolbar button:hover .ql-fill,
472
- .ql-snow .ql-toolbar button:hover .ql-fill,
473
- .ql-snow.ql-toolbar button:focus .ql-fill,
474
- .ql-snow .ql-toolbar button:focus .ql-fill,
475
- .ql-snow.ql-toolbar button.ql-active .ql-fill,
476
- .ql-snow .ql-toolbar button.ql-active .ql-fill,
477
- .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
478
- .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
479
- .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
480
- .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
481
- .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
482
- .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
483
- .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
484
- .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
485
- .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
486
- .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
487
- .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
488
- .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
489
- .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
490
- .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
491
- .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
492
- .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
493
- .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
494
- .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
495
- .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
496
- .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
497
- .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
498
- .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
499
- fill: #06c;
500
- }
501
- .ql-snow.ql-toolbar button:hover .ql-stroke,
502
- .ql-snow .ql-toolbar button:hover .ql-stroke,
503
- .ql-snow.ql-toolbar button:focus .ql-stroke,
504
- .ql-snow .ql-toolbar button:focus .ql-stroke,
505
- .ql-snow.ql-toolbar button.ql-active .ql-stroke,
506
- .ql-snow .ql-toolbar button.ql-active .ql-stroke,
507
- .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
508
- .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
509
- .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
510
- .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
511
- .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
512
- .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
513
- .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
514
- .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
515
- .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
516
- .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
517
- .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
518
- .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
519
- .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
520
- .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
521
- .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
522
- .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
523
- .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
524
- .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
525
- .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
526
- .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
527
- .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
528
- .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
529
- stroke: #06c;
530
- }
531
- @media (pointer: coarse) {
532
- .ql-snow.ql-toolbar button:hover:not(.ql-active),
533
- .ql-snow .ql-toolbar button:hover:not(.ql-active) {
534
- color: #444;
535
- }
536
- .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
537
- .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
538
- .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
539
- .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
540
- fill: #444;
541
- }
542
- .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
543
- .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
544
- .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
545
- .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
546
- stroke: #444;
547
- }
548
- }
549
- .ql-snow {
550
- box-sizing: border-box;
551
- }
552
- .ql-snow * {
553
- box-sizing: border-box;
554
- }
555
- .ql-snow .ql-hidden {
556
- display: none;
557
- }
558
- .ql-snow .ql-out-bottom,
559
- .ql-snow .ql-out-top {
560
- visibility: hidden;
561
- }
562
- .ql-snow .ql-tooltip {
563
- position: absolute;
564
- transform: translateY(10px);
565
- }
566
- .ql-snow .ql-tooltip a {
567
- cursor: pointer;
568
- text-decoration: none;
569
- }
570
- .ql-snow .ql-tooltip.ql-flip {
571
- transform: translateY(-10px);
572
- }
573
- .ql-snow .ql-formats {
574
- display: inline-block;
575
- vertical-align: middle;
576
- }
577
- .ql-snow .ql-formats:after {
578
- clear: both;
579
- content: '';
580
- display: table;
581
- }
582
- .ql-snow .ql-stroke {
583
- fill: none;
584
- stroke: #444;
585
- stroke-linecap: round;
586
- stroke-linejoin: round;
587
- stroke-width: 2;
588
- }
589
- .ql-snow .ql-stroke-miter {
590
- fill: none;
591
- stroke: #444;
592
- stroke-miterlimit: 10;
593
- stroke-width: 2;
594
- }
595
- .ql-snow .ql-fill,
596
- .ql-snow .ql-stroke.ql-fill {
597
- fill: #444;
598
- }
599
- .ql-snow .ql-empty {
600
- fill: none;
601
- }
602
- .ql-snow .ql-even {
603
- fill-rule: evenodd;
604
- }
605
- .ql-snow .ql-thin,
606
- .ql-snow .ql-stroke.ql-thin {
607
- stroke-width: 1;
608
- }
609
- .ql-snow .ql-transparent {
610
- opacity: 0.4;
611
- }
612
- .ql-snow .ql-direction svg:last-child {
613
- display: none;
614
- }
615
- .ql-snow .ql-direction.ql-active svg:last-child {
616
- display: inline;
617
- }
618
- .ql-snow .ql-direction.ql-active svg:first-child {
619
- display: none;
620
- }
621
- .ql-snow .ql-editor h1 {
622
- font-size: 2em;
623
- }
624
- .ql-snow .ql-editor h2 {
625
- font-size: 1.5em;
626
- }
627
- .ql-snow .ql-editor h3 {
628
- font-size: 1.17em;
629
- }
630
- .ql-snow .ql-editor h4 {
631
- font-size: 1em;
632
- }
633
- .ql-snow .ql-editor h5 {
634
- font-size: 0.83em;
635
- }
636
- .ql-snow .ql-editor h6 {
637
- font-size: 0.67em;
638
- }
639
- .ql-snow .ql-editor a {
640
- text-decoration: underline;
641
- }
642
- .ql-snow .ql-editor blockquote {
643
- border-left: 4px solid #ccc;
644
- margin-bottom: 5px;
645
- margin-top: 5px;
646
- padding-left: 16px;
647
- }
648
- .ql-snow .ql-editor code,
649
- .ql-snow .ql-editor pre {
650
- background-color: #f0f0f0;
651
- border-radius: 3px;
652
- }
653
- .ql-snow .ql-editor pre {
654
- white-space: pre-wrap;
655
- margin-bottom: 5px;
656
- margin-top: 5px;
657
- padding: 5px 10px;
658
- }
659
- .ql-snow .ql-editor code {
660
- font-size: 85%;
661
- padding: 2px 4px;
662
- }
663
- .ql-snow .ql-editor pre.ql-syntax {
664
- background-color: #23241f;
665
- color: #f8f8f2;
666
- overflow: visible;
667
- }
668
- .ql-snow .ql-editor img {
669
- max-width: 100%;
670
- }
671
- .ql-snow .ql-picker {
672
- color: #444;
673
- display: inline-block;
674
- float: left;
675
- font-size: 14px;
676
- font-weight: 500;
677
- height: 24px;
678
- position: relative;
679
- vertical-align: middle;
680
- }
681
- .ql-snow .ql-picker-label {
682
- cursor: pointer;
683
- display: inline-block;
684
- height: 100%;
685
- padding-left: 8px;
686
- padding-right: 2px;
687
- position: relative;
688
- width: 100%;
689
- }
690
- .ql-snow .ql-picker-label::before {
691
- display: inline-block;
692
- line-height: 22px;
693
- }
694
- .ql-snow .ql-picker-options {
695
- background-color: #fff;
696
- display: none;
697
- min-width: 100%;
698
- padding: 4px 8px;
699
- position: absolute;
700
- white-space: nowrap;
701
- }
702
- .ql-snow .ql-picker-options .ql-picker-item {
703
- cursor: pointer;
704
- display: block;
705
- padding-bottom: 5px;
706
- padding-top: 5px;
707
- }
708
- .ql-snow .ql-picker.ql-expanded .ql-picker-label {
709
- color: #ccc;
710
- z-index: 2;
711
- }
712
- .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
713
- fill: #ccc;
714
- }
715
- .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
716
- stroke: #ccc;
717
- }
718
- .ql-snow .ql-picker.ql-expanded .ql-picker-options {
719
- display: block;
720
- margin-top: -1px;
721
- top: 100%;
722
- z-index: 1;
723
- }
724
- .ql-snow .ql-color-picker,
725
- .ql-snow .ql-icon-picker {
726
- width: 28px;
727
- }
728
- .ql-snow .ql-color-picker .ql-picker-label,
729
- .ql-snow .ql-icon-picker .ql-picker-label {
730
- padding: 2px 4px;
731
- }
732
- .ql-snow .ql-color-picker .ql-picker-label svg,
733
- .ql-snow .ql-icon-picker .ql-picker-label svg {
734
- right: 4px;
735
- }
736
- .ql-snow .ql-icon-picker .ql-picker-options {
737
- padding: 4px 0px;
738
- }
739
- .ql-snow .ql-icon-picker .ql-picker-item {
740
- height: 24px;
741
- width: 24px;
742
- padding: 2px 4px;
743
- }
744
- .ql-snow .ql-color-picker .ql-picker-options {
745
- padding: 3px 5px;
746
- width: 152px;
747
- }
748
- .ql-snow .ql-color-picker .ql-picker-item {
749
- border: 1px solid transparent;
750
- float: left;
751
- height: 16px;
752
- margin: 2px;
753
- padding: 0px;
754
- width: 16px;
755
- }
756
- .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
757
- position: absolute;
758
- margin-top: -9px;
759
- right: 0;
760
- top: 50%;
761
- width: 18px;
762
- }
763
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
764
- .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
765
- .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
766
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
767
- .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
768
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
769
- content: attr(data-label);
770
- }
771
- .ql-snow .ql-picker.ql-header {
772
- width: 98px;
773
- }
774
- .ql-snow .ql-picker.ql-header .ql-picker-label::before,
775
- .ql-snow .ql-picker.ql-header .ql-picker-item::before {
776
- content: 'Normal';
777
- }
778
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
779
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
780
- content: 'Heading 1';
781
- }
782
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
783
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
784
- content: 'Heading 2';
785
- }
786
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
787
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
788
- content: 'Heading 3';
789
- }
790
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
791
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
792
- content: 'Heading 4';
793
- }
794
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
795
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
796
- content: 'Heading 5';
797
- }
798
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
799
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
800
- content: 'Heading 6';
801
- }
802
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
803
- font-size: 2em;
804
- }
805
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
806
- font-size: 1.5em;
807
- }
808
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
809
- font-size: 1.17em;
810
- }
811
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
812
- font-size: 1em;
813
- }
814
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
815
- font-size: 0.83em;
816
- }
817
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
818
- font-size: 0.67em;
819
- }
820
- .ql-snow .ql-picker.ql-font {
821
- width: 108px;
822
- }
823
- .ql-snow .ql-picker.ql-font .ql-picker-label::before,
824
- .ql-snow .ql-picker.ql-font .ql-picker-item::before {
825
- content: 'Sans Serif';
826
- }
827
- .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
828
- .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
829
- content: 'Serif';
830
- }
831
- .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
832
- .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
833
- content: 'Monospace';
834
- }
835
- .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
836
- font-family: Georgia, Times New Roman, serif;
837
- }
838
- .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
839
- font-family: Monaco, Courier New, monospace;
840
- }
841
- .ql-snow .ql-picker.ql-size {
842
- width: 98px;
843
- }
844
- .ql-snow .ql-picker.ql-size .ql-picker-label::before,
845
- .ql-snow .ql-picker.ql-size .ql-picker-item::before {
846
- content: 'Normal';
847
- }
848
- .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
849
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
850
- content: 'Small';
851
- }
852
- .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
853
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
854
- content: 'Large';
855
- }
856
- .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
857
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
858
- content: 'Huge';
859
- }
860
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
861
- font-size: 10px;
862
- }
863
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
864
- font-size: 18px;
865
- }
866
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
867
- font-size: 32px;
868
- }
869
- .ql-snow .ql-color-picker.ql-background .ql-picker-item {
870
- background-color: #fff;
871
- }
872
- .ql-snow .ql-color-picker.ql-color .ql-picker-item {
873
- background-color: #000;
874
- }
875
- .ql-toolbar.ql-snow {
876
- border: 1px solid #ccc;
877
- box-sizing: border-box;
878
- font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
879
- padding: 8px;
880
- }
881
- .ql-toolbar.ql-snow .ql-formats {
882
- margin-right: 15px;
883
- }
884
- .ql-toolbar.ql-snow .ql-picker-label {
885
- border: 1px solid transparent;
886
- }
887
- .ql-toolbar.ql-snow .ql-picker-options {
888
- border: 1px solid transparent;
889
- box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
890
- }
891
- .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
892
- border-color: #ccc;
893
- }
894
- .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
895
- border-color: #ccc;
896
- }
897
- .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
898
- .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
899
- border-color: #000;
900
- }
901
- .ql-toolbar.ql-snow + .ql-container.ql-snow {
902
- border-top: 0px;
903
- }
904
- .ql-snow .ql-tooltip {
905
- background-color: #fff;
906
- border: 1px solid #ccc;
907
- box-shadow: 0px 0px 5px #ddd;
908
- color: #444;
909
- padding: 5px 12px;
910
- white-space: nowrap;
911
- }
912
- .ql-snow .ql-tooltip::before {
913
- content: "Visit URL:";
914
- line-height: 26px;
915
- margin-right: 8px;
916
- }
917
- .ql-snow .ql-tooltip input[type=text] {
918
- display: none;
919
- border: 1px solid #ccc;
920
- font-size: 13px;
921
- height: 26px;
922
- margin: 0px;
923
- padding: 3px 5px;
924
- width: 170px;
925
- }
926
- .ql-snow .ql-tooltip a.ql-preview {
927
- display: inline-block;
928
- max-width: 200px;
929
- overflow-x: hidden;
930
- text-overflow: ellipsis;
931
- vertical-align: top;
932
- }
933
- .ql-snow .ql-tooltip a.ql-action::after {
934
- border-right: 1px solid #ccc;
935
- content: 'Edit';
936
- margin-left: 16px;
937
- padding-right: 8px;
938
- }
939
- .ql-snow .ql-tooltip a.ql-remove::before {
940
- content: 'Remove';
941
- margin-left: 8px;
942
- }
943
- .ql-snow .ql-tooltip a {
944
- line-height: 26px;
945
- }
946
- .ql-snow .ql-tooltip.ql-editing a.ql-preview,
947
- .ql-snow .ql-tooltip.ql-editing a.ql-remove {
948
- display: none;
949
- }
950
- .ql-snow .ql-tooltip.ql-editing input[type=text] {
951
- display: inline-block;
952
- }
953
- .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
954
- border-right: 0px;
955
- content: 'Save';
956
- padding-right: 0px;
957
- }
958
- .ql-snow .ql-tooltip[data-mode=link]::before {
959
- content: "Enter link:";
960
- }
961
- .ql-snow .ql-tooltip[data-mode=formula]::before {
962
- content: "Enter formula:";
963
- }
964
- .ql-snow .ql-tooltip[data-mode=video]::before {
965
- content: "Enter video:";
966
- }
967
- .ql-snow a {
968
- color: #06c;
969
- }
970
- .ql-container.ql-snow {
971
- border: 1px solid #ccc;
972
- }
973
-
974
- .rdw-option-wrapper {
975
- border: 1px solid #F1F1F1;
976
- padding: 5px;
977
- min-width: 25px;
978
- height: 20px;
979
- border-radius: 2px;
980
- margin: 0 4px;
981
- display: flex;
982
- justify-content: center;
983
- align-items: center;
984
- cursor: pointer;
985
- background: white;
986
- text-transform: capitalize;
987
- }
988
- .rdw-option-wrapper:hover {
989
- box-shadow: 1px 1px 0px #BFBDBD;
990
- }
991
- .rdw-option-wrapper:active {
992
- box-shadow: 1px 1px 0px #BFBDBD inset;
993
- }
994
- .rdw-option-active {
995
- box-shadow: 1px 1px 0px #BFBDBD inset;
996
- }
997
- .rdw-option-disabled {
998
- opacity: 0.3;
999
- cursor: default;
1000
- }
1001
-
1002
- .rdw-dropdown-wrapper {
1003
- height: 30px;
1004
- background: white;
1005
- cursor: pointer;
1006
- border: 1px solid #F1F1F1;
1007
- border-radius: 2px;
1008
- margin: 0 3px;
1009
- text-transform: capitalize;
1010
- background: white;
1011
- }
1012
- .rdw-dropdown-wrapper:focus {
1013
- outline: none;
1014
- }
1015
- .rdw-dropdown-wrapper:hover {
1016
- box-shadow: 1px 1px 0px #BFBDBD;
1017
- background-color: #FFFFFF;
1018
- }
1019
- .rdw-dropdown-wrapper:active {
1020
- box-shadow: 1px 1px 0px #BFBDBD inset;
1021
- }
1022
- .rdw-dropdown-carettoopen {
1023
- height: 0px;
1024
- width: 0px;
1025
- position: absolute;
1026
- top: 35%;
1027
- right: 10%;
1028
- border-top: 6px solid black;
1029
- border-left: 5px solid transparent;
1030
- border-right: 5px solid transparent;
1031
- }
1032
- .rdw-dropdown-carettoclose {
1033
- height: 0px;
1034
- width: 0px;
1035
- position: absolute;
1036
- top: 35%;
1037
- right: 10%;
1038
- border-bottom: 6px solid black;
1039
- border-left: 5px solid transparent;
1040
- border-right: 5px solid transparent;
1041
- }
1042
- .rdw-dropdown-selectedtext {
1043
- display: flex;
1044
- position: relative;
1045
- height: 100%;
1046
- align-items: center;
1047
- padding: 0 5px;
1048
- }
1049
- .rdw-dropdown-optionwrapper {
1050
- z-index: 100;
1051
- position: relative;
1052
- border: 1px solid #F1F1F1;
1053
- width: 98%;
1054
- background: white;
1055
- border-radius: 2px;
1056
- margin: 0;
1057
- padding: 0;
1058
- max-height: 250px;
1059
- overflow-y: scroll;
1060
- }
1061
- .rdw-dropdown-optionwrapper:hover {
1062
- box-shadow: 1px 1px 0px #BFBDBD;
1063
- background-color: #FFFFFF;
1064
- }
1065
-
1066
- .rdw-dropdownoption-default {
1067
- min-height: 25px;
1068
- display: flex;
1069
- align-items: center;
1070
- padding: 0 5px;
1071
- }
1072
- .rdw-dropdownoption-highlighted {
1073
- background: #F1F1F1;
1074
- }
1075
- .rdw-dropdownoption-active {
1076
- background: #f5f5f5;
1077
- }
1078
- .rdw-dropdownoption-disabled {
1079
- opacity: 0.3;
1080
- cursor: default;
1081
- }
1082
-
1083
- .rdw-inline-wrapper {
1084
- display: flex;
1085
- align-items: center;
1086
- margin-bottom: 6px;
1087
- flex-wrap: wrap
1088
- }
1089
- .rdw-inline-dropdown {
1090
- width: 50px;
1091
- }
1092
- .rdw-inline-dropdownoption {
1093
- height: 40px;
1094
- display: flex;
1095
- justify-content: center;
1096
- }
1097
-
1098
- .rdw-block-wrapper {
1099
- display: flex;
1100
- align-items: center;
1101
- margin-bottom: 6px;
1102
- flex-wrap: wrap
1103
- }
1104
- .rdw-block-dropdown {
1105
- width: 110px;
1106
- }
1107
-
1108
- .rdw-fontsize-wrapper {
1109
- display: flex;
1110
- align-items: center;
1111
- margin-bottom: 6px;
1112
- flex-wrap: wrap
1113
- }
1114
- .rdw-fontsize-dropdown {
1115
- min-width: 40px;
1116
- }
1117
- .rdw-fontsize-option {
1118
- display: flex;
1119
- justify-content: center;
1120
- }
1121
-
1122
- .rdw-fontfamily-wrapper {
1123
- display: flex;
1124
- align-items: center;
1125
- margin-bottom: 6px;
1126
- flex-wrap: wrap
1127
- }
1128
- .rdw-fontfamily-dropdown {
1129
- width: 115px;
1130
- }
1131
- .rdw-fontfamily-placeholder {
1132
- white-space: nowrap;
1133
- max-width: 90px;
1134
- overflow: hidden;
1135
- text-overflow: ellipsis;
1136
- }
1137
- .rdw-fontfamily-optionwrapper {
1138
- width: 140px;
1139
- }
1140
-
1141
- .rdw-list-wrapper {
1142
- display: flex;
1143
- align-items: center;
1144
- margin-bottom: 6px;
1145
- flex-wrap: wrap
1146
- }
1147
- .rdw-list-dropdown {
1148
- width: 50px;
1149
- z-index: 90;
1150
- }
1151
- .rdw-list-dropdownOption {
1152
- height: 40px;
1153
- display: flex;
1154
- justify-content: center;
1155
- }
1156
-
1157
- .rdw-text-align-wrapper {
1158
- display: flex;
1159
- align-items: center;
1160
- margin-bottom: 6px;
1161
- flex-wrap: wrap
1162
- }
1163
- .rdw-text-align-dropdown {
1164
- width: 50px;
1165
- z-index: 90;
1166
- }
1167
- .rdw-text-align-dropdownOption {
1168
- height: 40px;
1169
- display: flex;
1170
- justify-content: center;
1171
- }
1172
- .rdw-right-aligned-block {
1173
- text-align: right;
1174
- }
1175
- .rdw-left-aligned-block {
1176
- text-align: left !important;
1177
- }
1178
- .rdw-center-aligned-block {
1179
- text-align: center !important;
1180
- }
1181
- .rdw-justify-aligned-block {
1182
- text-align: justify !important;
1183
- }
1184
- .rdw-right-aligned-block > div {
1185
- display: inline-block;
1186
- }
1187
- .rdw-left-aligned-block > div {
1188
- display: inline-block;
1189
- }
1190
- .rdw-center-aligned-block > div {
1191
- display: inline-block;
1192
- }
1193
- .rdw-justify-aligned-block > div {
1194
- display: inline-block;
1195
- }
1196
-
1197
- .rdw-colorpicker-wrapper {
1198
- display: flex;
1199
- align-items: center;
1200
- margin-bottom: 6px;
1201
- position: relative;
1202
- flex-wrap: wrap
1203
- }
1204
- .rdw-colorpicker-modal {
1205
- position: absolute;
1206
- top: 35px;
1207
- left: 5px;
1208
- display: flex;
1209
- flex-direction: column;
1210
- width: 175px;
1211
- height: 175px;
1212
- border: 1px solid #F1F1F1;
1213
- padding: 15px;
1214
- border-radius: 2px;
1215
- z-index: 100;
1216
- background: white;
1217
- box-shadow: 3px 3px 5px #BFBDBD;
1218
- }
1219
- .rdw-colorpicker-modal-header {
1220
- display: flex;
1221
- padding-bottom: 5px;
1222
- }
1223
- .rdw-colorpicker-modal-style-label {
1224
- font-size: 15px;
1225
- width: 50%;
1226
- text-align: center;
1227
- cursor: pointer;
1228
- padding: 0 10px 5px;
1229
- }
1230
- .rdw-colorpicker-modal-style-label-active {
1231
- border-bottom: 2px solid #0a66b7;
1232
- }
1233
- .rdw-colorpicker-modal-options {
1234
- margin: 5px auto;
1235
- display: flex;
1236
- width: 100%;
1237
- height: 100%;
1238
- flex-wrap: wrap;
1239
- overflow: scroll;
1240
- }
1241
- .rdw-colorpicker-cube {
1242
- width: 22px;
1243
- height: 22px;
1244
- border: 1px solid #F1F1F1;
1245
- }
1246
- .rdw-colorpicker-option {
1247
- margin: 3px;
1248
- padding: 0;
1249
- min-height: 20px;
1250
- border: none;
1251
- width: 22px;
1252
- height: 22px;
1253
- min-width: 22px;
1254
- box-shadow: 1px 2px 1px #BFBDBD inset;
1255
- }
1256
- .rdw-colorpicker-option:hover {
1257
- box-shadow: 1px 2px 1px #BFBDBD;
1258
- }
1259
- .rdw-colorpicker-option:active {
1260
- box-shadow: -1px -2px 1px #BFBDBD;
1261
- }
1262
- .rdw-colorpicker-option-active {
1263
- box-shadow: 0px 0px 2px 2px #BFBDBD;
1264
- }
1265
-
1266
- .rdw-link-wrapper {
1267
- display: flex;
1268
- align-items: center;
1269
- margin-bottom: 6px;
1270
- position: relative;
1271
- flex-wrap: wrap
1272
- }
1273
- .rdw-link-dropdown {
1274
- width: 50px;
1275
- }
1276
- .rdw-link-dropdownOption {
1277
- height: 40px;
1278
- display: flex;
1279
- justify-content: center;
1280
- }
1281
- .rdw-link-dropdownPlaceholder {
1282
- margin-left: 8px;
1283
- }
1284
- .rdw-link-modal {
1285
- position: absolute;
1286
- top: 35px;
1287
- left: 5px;
1288
- display: flex;
1289
- flex-direction: column;
1290
- width: 235px;
1291
- height: 205px;
1292
- border: 1px solid #F1F1F1;
1293
- padding: 15px;
1294
- border-radius: 2px;
1295
- z-index: 100;
1296
- background: white;
1297
- box-shadow: 3px 3px 5px #BFBDBD;
1298
- }
1299
- .rdw-link-modal-label {
1300
- font-size: 15px;
1301
- }
1302
- .rdw-link-modal-input {
1303
- margin-top: 5px;
1304
- border-radius: 2px;
1305
- border: 1px solid #F1F1F1;
1306
- height: 25px;
1307
- margin-bottom: 15px;
1308
- padding: 0 5px;
1309
- }
1310
- .rdw-link-modal-input:focus {
1311
- outline: none;
1312
- }
1313
- .rdw-link-modal-buttonsection {
1314
- margin: 0 auto;
1315
- }
1316
- .rdw-link-modal-target-option {
1317
- margin-bottom: 20px;
1318
- }
1319
- .rdw-link-modal-target-option > span {
1320
- margin-left: 5px;
1321
- }
1322
- .rdw-link-modal-btn {
1323
- margin-left: 10px;
1324
- width: 75px;
1325
- height: 30px;
1326
- border: 1px solid #F1F1F1;
1327
- border-radius: 2px;
1328
- cursor: pointer;
1329
- background: white;
1330
- text-transform: capitalize;
1331
- }
1332
- .rdw-link-modal-btn:hover {
1333
- box-shadow: 1px 1px 0px #BFBDBD;
1334
- }
1335
- .rdw-link-modal-btn:active {
1336
- box-shadow: 1px 1px 0px #BFBDBD inset;
1337
- }
1338
- .rdw-link-modal-btn:focus {
1339
- outline: none !important;
1340
- }
1341
- .rdw-link-modal-btn:disabled {
1342
- background: #ece9e9;
1343
- }
1344
- .rdw-link-dropdownoption {
1345
- height: 40px;
1346
- display: flex;
1347
- justify-content: center;
1348
- }
1349
- .rdw-history-dropdown {
1350
- width: 50px;
1351
- }
1352
-
1353
- .rdw-embedded-wrapper {
1354
- display: flex;
1355
- align-items: center;
1356
- margin-bottom: 6px;
1357
- position: relative;
1358
- flex-wrap: wrap
1359
- }
1360
- .rdw-embedded-modal {
1361
- position: absolute;
1362
- top: 35px;
1363
- left: 5px;
1364
- display: flex;
1365
- flex-direction: column;
1366
- width: 235px;
1367
- height: 180px;
1368
- border: 1px solid #F1F1F1;
1369
- padding: 15px;
1370
- border-radius: 2px;
1371
- z-index: 100;
1372
- background: white;
1373
- justify-content: space-between;
1374
- box-shadow: 3px 3px 5px #BFBDBD;
1375
- }
1376
- .rdw-embedded-modal-header {
1377
- font-size: 15px;
1378
- display: flex;
1379
- }
1380
- .rdw-embedded-modal-header-option {
1381
- width: 50%;
1382
- cursor: pointer;
1383
- display: flex;
1384
- justify-content: center;
1385
- align-items: center;
1386
- flex-direction: column;
1387
- }
1388
- .rdw-embedded-modal-header-label {
1389
- width: 95px;
1390
- border: 1px solid #f1f1f1;
1391
- margin-top: 5px;
1392
- background: #6EB8D4;
1393
- border-bottom: 2px solid #0a66b7;
1394
- }
1395
- .rdw-embedded-modal-link-section {
1396
- display: flex;
1397
- flex-direction: column;
1398
- }
1399
- .rdw-embedded-modal-link-input {
1400
- width: 88%;
1401
- height: 35px;
1402
- margin: 10px 0;
1403
- border: 1px solid #F1F1F1;
1404
- border-radius: 2px;
1405
- font-size: 15px;
1406
- padding: 0 5px;
1407
- }
1408
- .rdw-embedded-modal-link-input-wrapper {
1409
- display: flex;
1410
- align-items: center;
1411
- }
1412
- .rdw-embedded-modal-link-input:focus {
1413
- outline: none;
1414
- }
1415
- .rdw-embedded-modal-btn-section {
1416
- display: flex;
1417
- justify-content: center;
1418
- }
1419
- .rdw-embedded-modal-btn {
1420
- margin: 0 3px;
1421
- width: 75px;
1422
- height: 30px;
1423
- border: 1px solid #F1F1F1;
1424
- border-radius: 2px;
1425
- cursor: pointer;
1426
- background: white;
1427
- text-transform: capitalize;
1428
- }
1429
- .rdw-embedded-modal-btn:hover {
1430
- box-shadow: 1px 1px 0px #BFBDBD;
1431
- }
1432
- .rdw-embedded-modal-btn:active {
1433
- box-shadow: 1px 1px 0px #BFBDBD inset;
1434
- }
1435
- .rdw-embedded-modal-btn:focus {
1436
- outline: none !important;
1437
- }
1438
- .rdw-embedded-modal-btn:disabled {
1439
- background: #ece9e9;
1440
- }
1441
- .rdw-embedded-modal-size {
1442
- align-items: center;
1443
- display: flex;
1444
- margin: 8px 0;
1445
- justify-content: space-between;
1446
- }
1447
- .rdw-embedded-modal-size-input {
1448
- width: 80%;
1449
- height: 20px;
1450
- border: 1px solid #F1F1F1;
1451
- border-radius: 2px;
1452
- font-size: 12px;
1453
- }
1454
- .rdw-embedded-modal-size-input:focus {
1455
- outline: none;
1456
- }
1457
-
1458
- .rdw-emoji-wrapper {
1459
- display: flex;
1460
- align-items: center;
1461
- margin-bottom: 6px;
1462
- position: relative;
1463
- flex-wrap: wrap
1464
- }
1465
- .rdw-emoji-modal {
1466
- overflow: auto;
1467
- position: absolute;
1468
- top: 35px;
1469
- left: 5px;
1470
- display: flex;
1471
- flex-wrap: wrap;
1472
- width: 235px;
1473
- height: 180px;
1474
- border: 1px solid #F1F1F1;
1475
- padding: 15px;
1476
- border-radius: 2px;
1477
- z-index: 100;
1478
- background: white;
1479
- box-shadow: 3px 3px 5px #BFBDBD;
1480
- }
1481
- .rdw-emoji-icon {
1482
- margin: 2.5px;
1483
- height: 24px;
1484
- width: 24px;
1485
- cursor: pointer;
1486
- font-size: 22px;
1487
- display: flex;
1488
- justify-content: center;
1489
- align-items: center;
1490
- }
1491
-
1492
- .rdw-spinner {
1493
- display: flex;
1494
- align-items: center;
1495
- justify-content: center;
1496
- height: 100%;
1497
- width: 100%;
1498
- }
1499
- .rdw-spinner > div {
1500
- width: 12px;
1501
- height: 12px;
1502
- background-color: #333;
1503
-
1504
- border-radius: 100%;
1505
- display: inline-block;
1506
- -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
1507
- animation: sk-bouncedelay 1.4s infinite ease-in-out both;
1508
- }
1509
- .rdw-spinner .rdw-bounce1 {
1510
- -webkit-animation-delay: -0.32s;
1511
- animation-delay: -0.32s;
1512
- }
1513
- .rdw-spinner .rdw-bounce2 {
1514
- -webkit-animation-delay: -0.16s;
1515
- animation-delay: -0.16s;
1516
- }
1517
- @-webkit-keyframes sk-bouncedelay {
1518
- 0%, 80%, 100% { -webkit-transform: scale(0) }
1519
- 40% { -webkit-transform: scale(1.0) }
1520
- }
1521
- @keyframes sk-bouncedelay {
1522
- 0%, 80%, 100% {
1523
- -webkit-transform: scale(0);
1524
- transform: scale(0);
1525
- } 40% {
1526
- -webkit-transform: scale(1.0);
1527
- transform: scale(1.0);
1528
- }
1529
- }
1530
-
1531
- .rdw-image-wrapper {
1532
- display: flex;
1533
- align-items: center;
1534
- margin-bottom: 6px;
1535
- position: relative;
1536
- flex-wrap: wrap
1537
- }
1538
- .rdw-image-modal {
1539
- position: absolute;
1540
- top: 35px;
1541
- left: 5px;
1542
- display: flex;
1543
- flex-direction: column;
1544
- width: 235px;
1545
- border: 1px solid #F1F1F1;
1546
- padding: 15px;
1547
- border-radius: 2px;
1548
- z-index: 100;
1549
- background: white;
1550
- box-shadow: 3px 3px 5px #BFBDBD;
1551
- }
1552
- .rdw-image-modal-header {
1553
- font-size: 15px;
1554
- margin: 10px 0;
1555
- display: flex;
1556
- }
1557
- .rdw-image-modal-header-option {
1558
- width: 50%;
1559
- cursor: pointer;
1560
- display: flex;
1561
- justify-content: center;
1562
- align-items: center;
1563
- flex-direction: column;
1564
- }
1565
- .rdw-image-modal-header-label {
1566
- width: 80px;
1567
- background: #f1f1f1;
1568
- border: 1px solid #f1f1f1;
1569
- margin-top: 5px;
1570
- }
1571
- .rdw-image-modal-header-label-highlighted {
1572
- background: #6EB8D4;
1573
- border-bottom: 2px solid #0a66b7;
1574
- }
1575
- .rdw-image-modal-upload-option {
1576
- width: 100%;
1577
- color: gray;
1578
- cursor: pointer;
1579
- display: flex;
1580
- border: none;
1581
- font-size: 15px;
1582
- align-items: center;
1583
- justify-content: center;
1584
- background-color: #f1f1f1;
1585
- outline: 2px dashed gray;
1586
- outline-offset: -10px;
1587
- margin: 10px 0;
1588
- padding: 9px 0;
1589
- }
1590
- .rdw-image-modal-upload-option-highlighted {
1591
- outline: 2px dashed #0a66b7;
1592
- }
1593
- .rdw-image-modal-upload-option-label {
1594
- cursor: pointer;
1595
- height: 100%;
1596
- width: 100%;
1597
- display: flex;
1598
- justify-content: center;
1599
- align-items: center;
1600
- padding: 15px;
1601
- }
1602
- .rdw-image-modal-upload-option-label span{
1603
- padding: 0 20px;
1604
- }
1605
- .rdw-image-modal-upload-option-image-preview {
1606
- max-width: 100%;
1607
- max-height: 200px;
1608
- }
1609
- .rdw-image-modal-upload-option-input {
1610
- width: 0.1px;
1611
- height: 0.1px;
1612
- opacity: 0;
1613
- overflow: hidden;
1614
- position: absolute;
1615
- z-index: -1;
1616
- }
1617
- .rdw-image-modal-url-section {
1618
- display: flex;
1619
- align-items: center;
1620
- }
1621
- .rdw-image-modal-url-input {
1622
- width: 90%;
1623
- height: 35px;
1624
- margin: 15px 0 12px;
1625
- border: 1px solid #F1F1F1;
1626
- border-radius: 2px;
1627
- font-size: 15px;
1628
- padding: 0 5px;
1629
- }
1630
- .rdw-image-modal-btn-section {
1631
- margin: 10px auto 0;
1632
- }
1633
- .rdw-image-modal-url-input:focus {
1634
- outline: none;
1635
- }
1636
- .rdw-image-modal-btn {
1637
- margin: 0 5px;
1638
- width: 75px;
1639
- height: 30px;
1640
- border: 1px solid #F1F1F1;
1641
- border-radius: 2px;
1642
- cursor: pointer;
1643
- background: white;
1644
- text-transform: capitalize;
1645
- }
1646
- .rdw-image-modal-btn:hover {
1647
- box-shadow: 1px 1px 0px #BFBDBD;
1648
- }
1649
- .rdw-image-modal-btn:active {
1650
- box-shadow: 1px 1px 0px #BFBDBD inset;
1651
- }
1652
- .rdw-image-modal-btn:focus {
1653
- outline: none !important;
1654
- }
1655
- .rdw-image-modal-btn:disabled {
1656
- background: #ece9e9;
1657
- }
1658
- .rdw-image-modal-spinner {
1659
- position: absolute;
1660
- top: -3px;
1661
- left: 0;
1662
- width: 100%;
1663
- height: 100%;
1664
- opacity: 0.5;
1665
- }
1666
- .rdw-image-modal-alt-input {
1667
- width: 70%;
1668
- height: 20px;
1669
- border: 1px solid #F1F1F1;
1670
- border-radius: 2px;
1671
- font-size: 12px;
1672
- margin-left: 5px;
1673
- }
1674
- .rdw-image-modal-alt-input:focus {
1675
- outline: none;
1676
- }
1677
- .rdw-image-modal-alt-lbl {
1678
- font-size: 12px;
1679
- }
1680
- .rdw-image-modal-size {
1681
- align-items: center;
1682
- display: flex;
1683
- margin: 8px 0;
1684
- justify-content: space-between;
1685
- }
1686
- .rdw-image-modal-size-input {
1687
- width: 40%;
1688
- height: 20px;
1689
- border: 1px solid #F1F1F1;
1690
- border-radius: 2px;
1691
- font-size: 12px;
1692
- }
1693
- .rdw-image-modal-size-input:focus {
1694
- outline: none;
1695
- }
1696
- .rdw-image-mandatory-sign {
1697
- color: red;
1698
- margin-left: 3px;
1699
- margin-right: 3px;
1700
- }
1701
-
1702
- .rdw-remove-wrapper {
1703
- display: flex;
1704
- align-items: center;
1705
- margin-bottom: 6px;
1706
- position: relative;
1707
- flex-wrap: wrap
1708
- }
1709
-
1710
- .rdw-history-wrapper {
1711
- display: flex;
1712
- align-items: center;
1713
- margin-bottom: 6px;
1714
- flex-wrap: wrap
1715
- }
1716
- .rdw-history-dropdownoption {
1717
- height: 40px;
1718
- display: flex;
1719
- justify-content: center;
1720
- }
1721
- .rdw-history-dropdown {
1722
- width: 50px;
1723
- }
1724
-
1725
- .rdw-link-decorator-wrapper {
1726
- position: relative;
1727
- }
1728
- .rdw-link-decorator-icon {
1729
- position: absolute;
1730
- left: 40%;
1731
- top: 0;
1732
- cursor: pointer;
1733
- background-color: white;
1734
- }
1735
-
1736
- .rdw-mention-link {
1737
- text-decoration: none;
1738
- color: #1236ff;
1739
- background-color: #f0fbff;
1740
- padding: 1px 2px;
1741
- border-radius: 2px;
1742
- }
1743
-
1744
- .rdw-suggestion-wrapper {
1745
- position: relative;
1746
- }
1747
- .rdw-suggestion-dropdown {
1748
- position: absolute;
1749
- display: flex;
1750
- flex-direction: column;
1751
- border: 1px solid #F1F1F1;
1752
- min-width: 100px;
1753
- max-height: 150px;
1754
- overflow: auto;
1755
- background: white;
1756
- z-index: 100;
1757
- }
1758
- .rdw-suggestion-option {
1759
- padding: 7px 5px;
1760
- border-bottom: 1px solid #f1f1f1;
1761
- }
1762
- .rdw-suggestion-option-active {
1763
- background-color: #F1F1F1;
1764
- }
1765
-
1766
- .rdw-hashtag-link {
1767
- text-decoration: none;
1768
- color: #1236ff;
1769
- background-color: #f0fbff;
1770
- padding: 1px 2px;
1771
- border-radius: 2px;
1772
- }
1773
-
1774
- .rdw-image-alignment-options-popup {
1775
- position: absolute;
1776
- background: white;
1777
- display: flex;
1778
- padding: 5px 2px;
1779
- border-radius: 2px;
1780
- border: 1px solid #F1F1F1;
1781
- width: 105px;
1782
- cursor: pointer;
1783
- z-index: 100;
1784
- }
1785
- .rdw-alignment-option-left {
1786
- justify-content: flex-start;
1787
- }
1788
- .rdw-image-alignment-option {
1789
- height: 15px;
1790
- width: 15px;
1791
- min-width: 15px;
1792
- }
1793
- .rdw-image-alignment {
1794
- position: relative;
1795
- }
1796
- .rdw-image-imagewrapper {
1797
- position: relative;
1798
- }
1799
- .rdw-image-center {
1800
- display: flex;
1801
- justify-content: center;
1802
- }
1803
- .rdw-image-left {
1804
- display: flex;
1805
- }
1806
- .rdw-image-right {
1807
- display: flex;
1808
- justify-content: flex-end;
1809
- }
1810
- .rdw-image-alignment-options-popup-right {
1811
- right: 0;
1812
- }
1813
-
1814
- .rdw-editor-main {
1815
- height: 100%;
1816
- overflow: auto;
1817
- box-sizing: border-box;
1818
- }
1819
- .rdw-editor-toolbar {
1820
- padding: 6px 5px 0;
1821
- border-radius: 2px;
1822
- border: 1px solid #F1F1F1;
1823
- display: flex;
1824
- justify-content: flex-start;
1825
- background: white;
1826
- flex-wrap: wrap;
1827
- font-size: 15px;
1828
- margin-bottom: 5px;
1829
- user-select: none;
1830
- }
1831
- .public-DraftStyleDefault-block {
1832
- margin: 1em 0;
1833
- }
1834
- .rdw-editor-wrapper:focus {
1835
- outline: none;
1836
- }
1837
- .rdw-editor-wrapper {
1838
- box-sizing: content-box;
1839
- }
1840
- .rdw-editor-main blockquote {
1841
- border-left: 5px solid #f1f1f1;
1842
- padding-left: 5px;
1843
- }
1844
- .rdw-editor-main pre {
1845
- background: #f1f1f1;
1846
- border-radius: 3px;
1847
- padding: 1px 10px;
1848
- }
1849
- /**
1850
- * Draft v0.9.1
1851
- *
1852
- * Copyright (c) 2013-present, Facebook, Inc.
1853
- * All rights reserved.
1854
- *
1855
- * This source code is licensed under the BSD-style license found in the
1856
- * LICENSE file in the root directory of this source tree. An additional grant
1857
- * of patent rights can be found in the PATENTS file in the same directory.
1858
- */
1859
- .DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}
1860
-
1861
-
20
+
21
+ [dir="rtl"] .rdw-dropdown-carettoopen,
22
+ [dir="rtl"] .rdw-dropdown-carettoclose {
23
+ right: auto;
24
+ left: 10%;
25
+ }
26
+
27
+ /*!
28
+ Theme: Tomorrow Night
29
+ Author: Chris Kempson (http://chriskempson.com)
30
+ License: ~ MIT (or more permissive) [via base16-schemes-source]
31
+ Maintainer: @highlightjs/core-team
32
+ Version: 2021.09.0
33
+ */pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#ccc;background:#2d2d2d}.hljs ::selection,.hljs::selection{background-color:#515151;color:#ccc}.hljs-comment{color:#999}.hljs-tag{color:#b4b7b4}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#ccc}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f2777a}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f99157}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fc6}.hljs-strong{font-weight:700;color:#fc6}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#9c9}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#6cc}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#69c}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c9c}.hljs-emphasis{color:#c9c;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#a3685a}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
34
+ /*!
35
+ * Quill Editor v1.3.7
36
+ * https://quilljs.com/
37
+ * Copyright (c) 2014, Jason Chen
38
+ * Copyright (c) 2013, salesforce.com
39
+ */
40
+ .ql-container {
41
+ box-sizing: border-box;
42
+ font-family: Helvetica, Arial, sans-serif;
43
+ font-size: 13px;
44
+ height: 100%;
45
+ margin: 0px;
46
+ position: relative;
47
+ }
48
+ .ql-container.ql-disabled .ql-tooltip {
49
+ visibility: hidden;
50
+ }
51
+ .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
52
+ pointer-events: none;
53
+ }
54
+ .ql-clipboard {
55
+ left: -100000px;
56
+ height: 1px;
57
+ overflow-y: hidden;
58
+ position: absolute;
59
+ top: 50%;
60
+ }
61
+ .ql-clipboard p {
62
+ margin: 0;
63
+ padding: 0;
64
+ }
65
+ .ql-editor {
66
+ box-sizing: border-box;
67
+ line-height: 1.42;
68
+ height: 100%;
69
+ outline: none;
70
+ overflow-y: auto;
71
+ padding: 12px 15px;
72
+ tab-size: 4;
73
+ -moz-tab-size: 4;
74
+ text-align: left;
75
+ white-space: pre-wrap;
76
+ word-wrap: break-word;
77
+ }
78
+ .ql-editor > * {
79
+ cursor: text;
80
+ }
81
+ .ql-editor p,
82
+ .ql-editor ol,
83
+ .ql-editor ul,
84
+ .ql-editor pre,
85
+ .ql-editor blockquote,
86
+ .ql-editor h1,
87
+ .ql-editor h2,
88
+ .ql-editor h3,
89
+ .ql-editor h4,
90
+ .ql-editor h5,
91
+ .ql-editor h6 {
92
+ margin: 0;
93
+ padding: 0;
94
+ counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
95
+ }
96
+ .ql-editor ol,
97
+ .ql-editor ul {
98
+ padding-left: 1.5em;
99
+ }
100
+ .ql-editor ol > li,
101
+ .ql-editor ul > li {
102
+ list-style-type: none;
103
+ }
104
+ .ql-editor ul > li::before {
105
+ content: '\2022';
106
+ }
107
+ .ql-editor ul[data-checked=true],
108
+ .ql-editor ul[data-checked=false] {
109
+ pointer-events: none;
110
+ }
111
+ .ql-editor ul[data-checked=true] > li *,
112
+ .ql-editor ul[data-checked=false] > li * {
113
+ pointer-events: all;
114
+ }
115
+ .ql-editor ul[data-checked=true] > li::before,
116
+ .ql-editor ul[data-checked=false] > li::before {
117
+ color: #777;
118
+ cursor: pointer;
119
+ pointer-events: all;
120
+ }
121
+ .ql-editor ul[data-checked=true] > li::before {
122
+ content: '\2611';
123
+ }
124
+ .ql-editor ul[data-checked=false] > li::before {
125
+ content: '\2610';
126
+ }
127
+ .ql-editor li::before {
128
+ display: inline-block;
129
+ white-space: nowrap;
130
+ width: 1.2em;
131
+ }
132
+ .ql-editor li:not(.ql-direction-rtl)::before {
133
+ margin-left: -1.5em;
134
+ margin-right: 0.3em;
135
+ text-align: right;
136
+ }
137
+ .ql-editor li.ql-direction-rtl::before {
138
+ margin-left: 0.3em;
139
+ margin-right: -1.5em;
140
+ }
141
+ .ql-editor ol li:not(.ql-direction-rtl),
142
+ .ql-editor ul li:not(.ql-direction-rtl) {
143
+ padding-left: 1.5em;
144
+ }
145
+ .ql-editor ol li.ql-direction-rtl,
146
+ .ql-editor ul li.ql-direction-rtl {
147
+ padding-right: 1.5em;
148
+ }
149
+ .ql-editor ol li {
150
+ counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
151
+ counter-increment: list-0;
152
+ }
153
+ .ql-editor ol li:before {
154
+ content: counter(list-0, decimal) '. ';
155
+ }
156
+ .ql-editor ol li.ql-indent-1 {
157
+ counter-increment: list-1;
158
+ }
159
+ .ql-editor ol li.ql-indent-1:before {
160
+ content: counter(list-1, lower-alpha) '. ';
161
+ }
162
+ .ql-editor ol li.ql-indent-1 {
163
+ counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
164
+ }
165
+ .ql-editor ol li.ql-indent-2 {
166
+ counter-increment: list-2;
167
+ }
168
+ .ql-editor ol li.ql-indent-2:before {
169
+ content: counter(list-2, lower-roman) '. ';
170
+ }
171
+ .ql-editor ol li.ql-indent-2 {
172
+ counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
173
+ }
174
+ .ql-editor ol li.ql-indent-3 {
175
+ counter-increment: list-3;
176
+ }
177
+ .ql-editor ol li.ql-indent-3:before {
178
+ content: counter(list-3, decimal) '. ';
179
+ }
180
+ .ql-editor ol li.ql-indent-3 {
181
+ counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
182
+ }
183
+ .ql-editor ol li.ql-indent-4 {
184
+ counter-increment: list-4;
185
+ }
186
+ .ql-editor ol li.ql-indent-4:before {
187
+ content: counter(list-4, lower-alpha) '. ';
188
+ }
189
+ .ql-editor ol li.ql-indent-4 {
190
+ counter-reset: list-5 list-6 list-7 list-8 list-9;
191
+ }
192
+ .ql-editor ol li.ql-indent-5 {
193
+ counter-increment: list-5;
194
+ }
195
+ .ql-editor ol li.ql-indent-5:before {
196
+ content: counter(list-5, lower-roman) '. ';
197
+ }
198
+ .ql-editor ol li.ql-indent-5 {
199
+ counter-reset: list-6 list-7 list-8 list-9;
200
+ }
201
+ .ql-editor ol li.ql-indent-6 {
202
+ counter-increment: list-6;
203
+ }
204
+ .ql-editor ol li.ql-indent-6:before {
205
+ content: counter(list-6, decimal) '. ';
206
+ }
207
+ .ql-editor ol li.ql-indent-6 {
208
+ counter-reset: list-7 list-8 list-9;
209
+ }
210
+ .ql-editor ol li.ql-indent-7 {
211
+ counter-increment: list-7;
212
+ }
213
+ .ql-editor ol li.ql-indent-7:before {
214
+ content: counter(list-7, lower-alpha) '. ';
215
+ }
216
+ .ql-editor ol li.ql-indent-7 {
217
+ counter-reset: list-8 list-9;
218
+ }
219
+ .ql-editor ol li.ql-indent-8 {
220
+ counter-increment: list-8;
221
+ }
222
+ .ql-editor ol li.ql-indent-8:before {
223
+ content: counter(list-8, lower-roman) '. ';
224
+ }
225
+ .ql-editor ol li.ql-indent-8 {
226
+ counter-reset: list-9;
227
+ }
228
+ .ql-editor ol li.ql-indent-9 {
229
+ counter-increment: list-9;
230
+ }
231
+ .ql-editor ol li.ql-indent-9:before {
232
+ content: counter(list-9, decimal) '. ';
233
+ }
234
+ .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
235
+ padding-left: 3em;
236
+ }
237
+ .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
238
+ padding-left: 4.5em;
239
+ }
240
+ .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
241
+ padding-right: 3em;
242
+ }
243
+ .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
244
+ padding-right: 4.5em;
245
+ }
246
+ .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
247
+ padding-left: 6em;
248
+ }
249
+ .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
250
+ padding-left: 7.5em;
251
+ }
252
+ .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
253
+ padding-right: 6em;
254
+ }
255
+ .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
256
+ padding-right: 7.5em;
257
+ }
258
+ .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
259
+ padding-left: 9em;
260
+ }
261
+ .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
262
+ padding-left: 10.5em;
263
+ }
264
+ .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
265
+ padding-right: 9em;
266
+ }
267
+ .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
268
+ padding-right: 10.5em;
269
+ }
270
+ .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
271
+ padding-left: 12em;
272
+ }
273
+ .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
274
+ padding-left: 13.5em;
275
+ }
276
+ .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
277
+ padding-right: 12em;
278
+ }
279
+ .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
280
+ padding-right: 13.5em;
281
+ }
282
+ .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
283
+ padding-left: 15em;
284
+ }
285
+ .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
286
+ padding-left: 16.5em;
287
+ }
288
+ .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
289
+ padding-right: 15em;
290
+ }
291
+ .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
292
+ padding-right: 16.5em;
293
+ }
294
+ .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
295
+ padding-left: 18em;
296
+ }
297
+ .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
298
+ padding-left: 19.5em;
299
+ }
300
+ .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
301
+ padding-right: 18em;
302
+ }
303
+ .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
304
+ padding-right: 19.5em;
305
+ }
306
+ .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
307
+ padding-left: 21em;
308
+ }
309
+ .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
310
+ padding-left: 22.5em;
311
+ }
312
+ .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
313
+ padding-right: 21em;
314
+ }
315
+ .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
316
+ padding-right: 22.5em;
317
+ }
318
+ .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
319
+ padding-left: 24em;
320
+ }
321
+ .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
322
+ padding-left: 25.5em;
323
+ }
324
+ .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
325
+ padding-right: 24em;
326
+ }
327
+ .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
328
+ padding-right: 25.5em;
329
+ }
330
+ .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
331
+ padding-left: 27em;
332
+ }
333
+ .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
334
+ padding-left: 28.5em;
335
+ }
336
+ .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
337
+ padding-right: 27em;
338
+ }
339
+ .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
340
+ padding-right: 28.5em;
341
+ }
342
+ .ql-editor .ql-video {
343
+ display: block;
344
+ max-width: 100%;
345
+ }
346
+ .ql-editor .ql-video.ql-align-center {
347
+ margin: 0 auto;
348
+ }
349
+ .ql-editor .ql-video.ql-align-right {
350
+ margin: 0 0 0 auto;
351
+ }
352
+ .ql-editor .ql-bg-black {
353
+ background-color: #000;
354
+ }
355
+ .ql-editor .ql-bg-red {
356
+ background-color: #e60000;
357
+ }
358
+ .ql-editor .ql-bg-orange {
359
+ background-color: #f90;
360
+ }
361
+ .ql-editor .ql-bg-yellow {
362
+ background-color: #ff0;
363
+ }
364
+ .ql-editor .ql-bg-green {
365
+ background-color: #008a00;
366
+ }
367
+ .ql-editor .ql-bg-blue {
368
+ background-color: #06c;
369
+ }
370
+ .ql-editor .ql-bg-purple {
371
+ background-color: #93f;
372
+ }
373
+ .ql-editor .ql-color-white {
374
+ color: #fff;
375
+ }
376
+ .ql-editor .ql-color-red {
377
+ color: #e60000;
378
+ }
379
+ .ql-editor .ql-color-orange {
380
+ color: #f90;
381
+ }
382
+ .ql-editor .ql-color-yellow {
383
+ color: #ff0;
384
+ }
385
+ .ql-editor .ql-color-green {
386
+ color: #008a00;
387
+ }
388
+ .ql-editor .ql-color-blue {
389
+ color: #06c;
390
+ }
391
+ .ql-editor .ql-color-purple {
392
+ color: #93f;
393
+ }
394
+ .ql-editor .ql-font-serif {
395
+ font-family: Georgia, Times New Roman, serif;
396
+ }
397
+ .ql-editor .ql-font-monospace {
398
+ font-family: Monaco, Courier New, monospace;
399
+ }
400
+ .ql-editor .ql-size-small {
401
+ font-size: 0.75em;
402
+ }
403
+ .ql-editor .ql-size-large {
404
+ font-size: 1.5em;
405
+ }
406
+ .ql-editor .ql-size-huge {
407
+ font-size: 2.5em;
408
+ }
409
+ .ql-editor .ql-direction-rtl {
410
+ direction: rtl;
411
+ text-align: inherit;
412
+ }
413
+ .ql-editor .ql-align-center {
414
+ text-align: center;
415
+ }
416
+ .ql-editor .ql-align-justify {
417
+ text-align: justify;
418
+ }
419
+ .ql-editor .ql-align-right {
420
+ text-align: right;
421
+ }
422
+ .ql-editor.ql-blank::before {
423
+ color: rgba(0,0,0,0.6);
424
+ content: attr(data-placeholder);
425
+ font-style: italic;
426
+ left: 15px;
427
+ pointer-events: none;
428
+ position: absolute;
429
+ right: 15px;
430
+ }
431
+ .ql-snow.ql-toolbar:after,
432
+ .ql-snow .ql-toolbar:after {
433
+ clear: both;
434
+ content: '';
435
+ display: table;
436
+ }
437
+ .ql-snow.ql-toolbar button,
438
+ .ql-snow .ql-toolbar button {
439
+ background: none;
440
+ border: none;
441
+ cursor: pointer;
442
+ display: inline-block;
443
+ float: left;
444
+ height: 24px;
445
+ padding: 3px 5px;
446
+ width: 28px;
447
+ }
448
+ .ql-snow.ql-toolbar button svg,
449
+ .ql-snow .ql-toolbar button svg {
450
+ float: left;
451
+ height: 100%;
452
+ }
453
+ .ql-snow.ql-toolbar button:active:hover,
454
+ .ql-snow .ql-toolbar button:active:hover {
455
+ outline: none;
456
+ }
457
+ .ql-snow.ql-toolbar input.ql-image[type=file],
458
+ .ql-snow .ql-toolbar input.ql-image[type=file] {
459
+ display: none;
460
+ }
461
+ .ql-snow.ql-toolbar button:hover,
462
+ .ql-snow .ql-toolbar button:hover,
463
+ .ql-snow.ql-toolbar button:focus,
464
+ .ql-snow .ql-toolbar button:focus,
465
+ .ql-snow.ql-toolbar button.ql-active,
466
+ .ql-snow .ql-toolbar button.ql-active,
467
+ .ql-snow.ql-toolbar .ql-picker-label:hover,
468
+ .ql-snow .ql-toolbar .ql-picker-label:hover,
469
+ .ql-snow.ql-toolbar .ql-picker-label.ql-active,
470
+ .ql-snow .ql-toolbar .ql-picker-label.ql-active,
471
+ .ql-snow.ql-toolbar .ql-picker-item:hover,
472
+ .ql-snow .ql-toolbar .ql-picker-item:hover,
473
+ .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
474
+ .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
475
+ color: #06c;
476
+ }
477
+ .ql-snow.ql-toolbar button:hover .ql-fill,
478
+ .ql-snow .ql-toolbar button:hover .ql-fill,
479
+ .ql-snow.ql-toolbar button:focus .ql-fill,
480
+ .ql-snow .ql-toolbar button:focus .ql-fill,
481
+ .ql-snow.ql-toolbar button.ql-active .ql-fill,
482
+ .ql-snow .ql-toolbar button.ql-active .ql-fill,
483
+ .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
484
+ .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
485
+ .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
486
+ .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
487
+ .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
488
+ .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
489
+ .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
490
+ .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
491
+ .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
492
+ .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
493
+ .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
494
+ .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
495
+ .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
496
+ .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
497
+ .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
498
+ .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
499
+ .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
500
+ .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
501
+ .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
502
+ .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
503
+ .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
504
+ .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
505
+ fill: #06c;
506
+ }
507
+ .ql-snow.ql-toolbar button:hover .ql-stroke,
508
+ .ql-snow .ql-toolbar button:hover .ql-stroke,
509
+ .ql-snow.ql-toolbar button:focus .ql-stroke,
510
+ .ql-snow .ql-toolbar button:focus .ql-stroke,
511
+ .ql-snow.ql-toolbar button.ql-active .ql-stroke,
512
+ .ql-snow .ql-toolbar button.ql-active .ql-stroke,
513
+ .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
514
+ .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
515
+ .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
516
+ .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
517
+ .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
518
+ .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
519
+ .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
520
+ .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
521
+ .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
522
+ .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
523
+ .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
524
+ .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
525
+ .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
526
+ .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
527
+ .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
528
+ .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
529
+ .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
530
+ .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
531
+ .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
532
+ .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
533
+ .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
534
+ .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
535
+ stroke: #06c;
536
+ }
537
+ @media (pointer: coarse) {
538
+ .ql-snow.ql-toolbar button:hover:not(.ql-active),
539
+ .ql-snow .ql-toolbar button:hover:not(.ql-active) {
540
+ color: #444;
541
+ }
542
+ .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
543
+ .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
544
+ .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
545
+ .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
546
+ fill: #444;
547
+ }
548
+ .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
549
+ .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
550
+ .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
551
+ .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
552
+ stroke: #444;
553
+ }
554
+ }
555
+ .ql-snow {
556
+ box-sizing: border-box;
557
+ }
558
+ .ql-snow * {
559
+ box-sizing: border-box;
560
+ }
561
+ .ql-snow .ql-hidden {
562
+ display: none;
563
+ }
564
+ .ql-snow .ql-out-bottom,
565
+ .ql-snow .ql-out-top {
566
+ visibility: hidden;
567
+ }
568
+ .ql-snow .ql-tooltip {
569
+ position: absolute;
570
+ transform: translateY(10px);
571
+ }
572
+ .ql-snow .ql-tooltip a {
573
+ cursor: pointer;
574
+ text-decoration: none;
575
+ }
576
+ .ql-snow .ql-tooltip.ql-flip {
577
+ transform: translateY(-10px);
578
+ }
579
+ .ql-snow .ql-formats {
580
+ display: inline-block;
581
+ vertical-align: middle;
582
+ }
583
+ .ql-snow .ql-formats:after {
584
+ clear: both;
585
+ content: '';
586
+ display: table;
587
+ }
588
+ .ql-snow .ql-stroke {
589
+ fill: none;
590
+ stroke: #444;
591
+ stroke-linecap: round;
592
+ stroke-linejoin: round;
593
+ stroke-width: 2;
594
+ }
595
+ .ql-snow .ql-stroke-miter {
596
+ fill: none;
597
+ stroke: #444;
598
+ stroke-miterlimit: 10;
599
+ stroke-width: 2;
600
+ }
601
+ .ql-snow .ql-fill,
602
+ .ql-snow .ql-stroke.ql-fill {
603
+ fill: #444;
604
+ }
605
+ .ql-snow .ql-empty {
606
+ fill: none;
607
+ }
608
+ .ql-snow .ql-even {
609
+ fill-rule: evenodd;
610
+ }
611
+ .ql-snow .ql-thin,
612
+ .ql-snow .ql-stroke.ql-thin {
613
+ stroke-width: 1;
614
+ }
615
+ .ql-snow .ql-transparent {
616
+ opacity: 0.4;
617
+ }
618
+ .ql-snow .ql-direction svg:last-child {
619
+ display: none;
620
+ }
621
+ .ql-snow .ql-direction.ql-active svg:last-child {
622
+ display: inline;
623
+ }
624
+ .ql-snow .ql-direction.ql-active svg:first-child {
625
+ display: none;
626
+ }
627
+ .ql-snow .ql-editor h1 {
628
+ font-size: 2em;
629
+ }
630
+ .ql-snow .ql-editor h2 {
631
+ font-size: 1.5em;
632
+ }
633
+ .ql-snow .ql-editor h3 {
634
+ font-size: 1.17em;
635
+ }
636
+ .ql-snow .ql-editor h4 {
637
+ font-size: 1em;
638
+ }
639
+ .ql-snow .ql-editor h5 {
640
+ font-size: 0.83em;
641
+ }
642
+ .ql-snow .ql-editor h6 {
643
+ font-size: 0.67em;
644
+ }
645
+ .ql-snow .ql-editor a {
646
+ text-decoration: underline;
647
+ }
648
+ .ql-snow .ql-editor blockquote {
649
+ border-left: 4px solid #ccc;
650
+ margin-bottom: 5px;
651
+ margin-top: 5px;
652
+ padding-left: 16px;
653
+ }
654
+ .ql-snow .ql-editor code,
655
+ .ql-snow .ql-editor pre {
656
+ background-color: #f0f0f0;
657
+ border-radius: 3px;
658
+ }
659
+ .ql-snow .ql-editor pre {
660
+ white-space: pre-wrap;
661
+ margin-bottom: 5px;
662
+ margin-top: 5px;
663
+ padding: 5px 10px;
664
+ }
665
+ .ql-snow .ql-editor code {
666
+ font-size: 85%;
667
+ padding: 2px 4px;
668
+ }
669
+ .ql-snow .ql-editor pre.ql-syntax {
670
+ background-color: #23241f;
671
+ color: #f8f8f2;
672
+ overflow: visible;
673
+ }
674
+ .ql-snow .ql-editor img {
675
+ max-width: 100%;
676
+ }
677
+ .ql-snow .ql-picker {
678
+ color: #444;
679
+ display: inline-block;
680
+ float: left;
681
+ font-size: 14px;
682
+ font-weight: 500;
683
+ height: 24px;
684
+ position: relative;
685
+ vertical-align: middle;
686
+ }
687
+ .ql-snow .ql-picker-label {
688
+ cursor: pointer;
689
+ display: inline-block;
690
+ height: 100%;
691
+ padding-left: 8px;
692
+ padding-right: 2px;
693
+ position: relative;
694
+ width: 100%;
695
+ }
696
+ .ql-snow .ql-picker-label::before {
697
+ display: inline-block;
698
+ line-height: 22px;
699
+ }
700
+ .ql-snow .ql-picker-options {
701
+ background-color: #fff;
702
+ display: none;
703
+ min-width: 100%;
704
+ padding: 4px 8px;
705
+ position: absolute;
706
+ white-space: nowrap;
707
+ }
708
+ .ql-snow .ql-picker-options .ql-picker-item {
709
+ cursor: pointer;
710
+ display: block;
711
+ padding-bottom: 5px;
712
+ padding-top: 5px;
713
+ }
714
+ .ql-snow .ql-picker.ql-expanded .ql-picker-label {
715
+ color: #ccc;
716
+ z-index: 2;
717
+ }
718
+ .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
719
+ fill: #ccc;
720
+ }
721
+ .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
722
+ stroke: #ccc;
723
+ }
724
+ .ql-snow .ql-picker.ql-expanded .ql-picker-options {
725
+ display: block;
726
+ margin-top: -1px;
727
+ top: 100%;
728
+ z-index: 1;
729
+ }
730
+ .ql-snow .ql-color-picker,
731
+ .ql-snow .ql-icon-picker {
732
+ width: 28px;
733
+ }
734
+ .ql-snow .ql-color-picker .ql-picker-label,
735
+ .ql-snow .ql-icon-picker .ql-picker-label {
736
+ padding: 2px 4px;
737
+ }
738
+ .ql-snow .ql-color-picker .ql-picker-label svg,
739
+ .ql-snow .ql-icon-picker .ql-picker-label svg {
740
+ right: 4px;
741
+ }
742
+ .ql-snow .ql-icon-picker .ql-picker-options {
743
+ padding: 4px 0px;
744
+ }
745
+ .ql-snow .ql-icon-picker .ql-picker-item {
746
+ height: 24px;
747
+ width: 24px;
748
+ padding: 2px 4px;
749
+ }
750
+ .ql-snow .ql-color-picker .ql-picker-options {
751
+ padding: 3px 5px;
752
+ width: 152px;
753
+ }
754
+ .ql-snow .ql-color-picker .ql-picker-item {
755
+ border: 1px solid transparent;
756
+ float: left;
757
+ height: 16px;
758
+ margin: 2px;
759
+ padding: 0px;
760
+ width: 16px;
761
+ }
762
+ .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
763
+ position: absolute;
764
+ margin-top: -9px;
765
+ right: 0;
766
+ top: 50%;
767
+ width: 18px;
768
+ }
769
+ .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
770
+ .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
771
+ .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
772
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
773
+ .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
774
+ .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
775
+ content: attr(data-label);
776
+ }
777
+ .ql-snow .ql-picker.ql-header {
778
+ width: 98px;
779
+ }
780
+ .ql-snow .ql-picker.ql-header .ql-picker-label::before,
781
+ .ql-snow .ql-picker.ql-header .ql-picker-item::before {
782
+ content: 'Normal';
783
+ }
784
+ .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
785
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
786
+ content: 'Heading 1';
787
+ }
788
+ .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
789
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
790
+ content: 'Heading 2';
791
+ }
792
+ .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
793
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
794
+ content: 'Heading 3';
795
+ }
796
+ .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
797
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
798
+ content: 'Heading 4';
799
+ }
800
+ .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
801
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
802
+ content: 'Heading 5';
803
+ }
804
+ .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
805
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
806
+ content: 'Heading 6';
807
+ }
808
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
809
+ font-size: 2em;
810
+ }
811
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
812
+ font-size: 1.5em;
813
+ }
814
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
815
+ font-size: 1.17em;
816
+ }
817
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
818
+ font-size: 1em;
819
+ }
820
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
821
+ font-size: 0.83em;
822
+ }
823
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
824
+ font-size: 0.67em;
825
+ }
826
+ .ql-snow .ql-picker.ql-font {
827
+ width: 108px;
828
+ }
829
+ .ql-snow .ql-picker.ql-font .ql-picker-label::before,
830
+ .ql-snow .ql-picker.ql-font .ql-picker-item::before {
831
+ content: 'Sans Serif';
832
+ }
833
+ .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
834
+ .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
835
+ content: 'Serif';
836
+ }
837
+ .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
838
+ .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
839
+ content: 'Monospace';
840
+ }
841
+ .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
842
+ font-family: Georgia, Times New Roman, serif;
843
+ }
844
+ .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
845
+ font-family: Monaco, Courier New, monospace;
846
+ }
847
+ .ql-snow .ql-picker.ql-size {
848
+ width: 98px;
849
+ }
850
+ .ql-snow .ql-picker.ql-size .ql-picker-label::before,
851
+ .ql-snow .ql-picker.ql-size .ql-picker-item::before {
852
+ content: 'Normal';
853
+ }
854
+ .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
855
+ .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
856
+ content: 'Small';
857
+ }
858
+ .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
859
+ .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
860
+ content: 'Large';
861
+ }
862
+ .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
863
+ .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
864
+ content: 'Huge';
865
+ }
866
+ .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
867
+ font-size: 10px;
868
+ }
869
+ .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
870
+ font-size: 18px;
871
+ }
872
+ .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
873
+ font-size: 32px;
874
+ }
875
+ .ql-snow .ql-color-picker.ql-background .ql-picker-item {
876
+ background-color: #fff;
877
+ }
878
+ .ql-snow .ql-color-picker.ql-color .ql-picker-item {
879
+ background-color: #000;
880
+ }
881
+ .ql-toolbar.ql-snow {
882
+ border: 1px solid #ccc;
883
+ box-sizing: border-box;
884
+ font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
885
+ padding: 8px;
886
+ }
887
+ .ql-toolbar.ql-snow .ql-formats {
888
+ margin-right: 15px;
889
+ }
890
+ .ql-toolbar.ql-snow .ql-picker-label {
891
+ border: 1px solid transparent;
892
+ }
893
+ .ql-toolbar.ql-snow .ql-picker-options {
894
+ border: 1px solid transparent;
895
+ box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
896
+ }
897
+ .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
898
+ border-color: #ccc;
899
+ }
900
+ .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
901
+ border-color: #ccc;
902
+ }
903
+ .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
904
+ .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
905
+ border-color: #000;
906
+ }
907
+ .ql-toolbar.ql-snow + .ql-container.ql-snow {
908
+ border-top: 0px;
909
+ }
910
+ .ql-snow .ql-tooltip {
911
+ background-color: #fff;
912
+ border: 1px solid #ccc;
913
+ box-shadow: 0px 0px 5px #ddd;
914
+ color: #444;
915
+ padding: 5px 12px;
916
+ white-space: nowrap;
917
+ }
918
+ .ql-snow .ql-tooltip::before {
919
+ content: "Visit URL:";
920
+ line-height: 26px;
921
+ margin-right: 8px;
922
+ }
923
+ .ql-snow .ql-tooltip input[type=text] {
924
+ display: none;
925
+ border: 1px solid #ccc;
926
+ font-size: 13px;
927
+ height: 26px;
928
+ margin: 0px;
929
+ padding: 3px 5px;
930
+ width: 170px;
931
+ }
932
+ .ql-snow .ql-tooltip a.ql-preview {
933
+ display: inline-block;
934
+ max-width: 200px;
935
+ overflow-x: hidden;
936
+ text-overflow: ellipsis;
937
+ vertical-align: top;
938
+ }
939
+ .ql-snow .ql-tooltip a.ql-action::after {
940
+ border-right: 1px solid #ccc;
941
+ content: 'Edit';
942
+ margin-left: 16px;
943
+ padding-right: 8px;
944
+ }
945
+ .ql-snow .ql-tooltip a.ql-remove::before {
946
+ content: 'Remove';
947
+ margin-left: 8px;
948
+ }
949
+ .ql-snow .ql-tooltip a {
950
+ line-height: 26px;
951
+ }
952
+ .ql-snow .ql-tooltip.ql-editing a.ql-preview,
953
+ .ql-snow .ql-tooltip.ql-editing a.ql-remove {
954
+ display: none;
955
+ }
956
+ .ql-snow .ql-tooltip.ql-editing input[type=text] {
957
+ display: inline-block;
958
+ }
959
+ .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
960
+ border-right: 0px;
961
+ content: 'Save';
962
+ padding-right: 0px;
963
+ }
964
+ .ql-snow .ql-tooltip[data-mode=link]::before {
965
+ content: "Enter link:";
966
+ }
967
+ .ql-snow .ql-tooltip[data-mode=formula]::before {
968
+ content: "Enter formula:";
969
+ }
970
+ .ql-snow .ql-tooltip[data-mode=video]::before {
971
+ content: "Enter video:";
972
+ }
973
+ .ql-snow a {
974
+ color: #06c;
975
+ }
976
+ .ql-container.ql-snow {
977
+ border: 1px solid #ccc;
978
+ }
979
+
980
+ .rdw-option-wrapper {
981
+ border: 1px solid #F1F1F1;
982
+ padding: 5px;
983
+ min-width: 25px;
984
+ height: 20px;
985
+ border-radius: 2px;
986
+ margin: 0 4px;
987
+ display: flex;
988
+ justify-content: center;
989
+ align-items: center;
990
+ cursor: pointer;
991
+ background: white;
992
+ text-transform: capitalize;
993
+ }
994
+ .rdw-option-wrapper:hover {
995
+ box-shadow: 1px 1px 0px #BFBDBD;
996
+ }
997
+ .rdw-option-wrapper:active {
998
+ box-shadow: 1px 1px 0px #BFBDBD inset;
999
+ }
1000
+ .rdw-option-active {
1001
+ box-shadow: 1px 1px 0px #BFBDBD inset;
1002
+ }
1003
+ .rdw-option-disabled {
1004
+ opacity: 0.3;
1005
+ cursor: default;
1006
+ }
1007
+
1008
+ .rdw-dropdown-wrapper {
1009
+ height: 30px;
1010
+ background: white;
1011
+ cursor: pointer;
1012
+ border: 1px solid #F1F1F1;
1013
+ border-radius: 2px;
1014
+ margin: 0 3px;
1015
+ text-transform: capitalize;
1016
+ background: white;
1017
+ }
1018
+ .rdw-dropdown-wrapper:focus {
1019
+ outline: none;
1020
+ }
1021
+ .rdw-dropdown-wrapper:hover {
1022
+ box-shadow: 1px 1px 0px #BFBDBD;
1023
+ background-color: #FFFFFF;
1024
+ }
1025
+ .rdw-dropdown-wrapper:active {
1026
+ box-shadow: 1px 1px 0px #BFBDBD inset;
1027
+ }
1028
+ .rdw-dropdown-carettoopen {
1029
+ height: 0px;
1030
+ width: 0px;
1031
+ position: absolute;
1032
+ top: 35%;
1033
+ right: 10%;
1034
+ border-top: 6px solid black;
1035
+ border-left: 5px solid transparent;
1036
+ border-right: 5px solid transparent;
1037
+ }
1038
+ .rdw-dropdown-carettoclose {
1039
+ height: 0px;
1040
+ width: 0px;
1041
+ position: absolute;
1042
+ top: 35%;
1043
+ right: 10%;
1044
+ border-bottom: 6px solid black;
1045
+ border-left: 5px solid transparent;
1046
+ border-right: 5px solid transparent;
1047
+ }
1048
+ .rdw-dropdown-selectedtext {
1049
+ display: flex;
1050
+ position: relative;
1051
+ height: 100%;
1052
+ align-items: center;
1053
+ padding: 0 5px;
1054
+ }
1055
+ .rdw-dropdown-optionwrapper {
1056
+ z-index: 100;
1057
+ position: relative;
1058
+ border: 1px solid #F1F1F1;
1059
+ width: 98%;
1060
+ background: white;
1061
+ border-radius: 2px;
1062
+ margin: 0;
1063
+ padding: 0;
1064
+ max-height: 250px;
1065
+ overflow-y: scroll;
1066
+ }
1067
+ .rdw-dropdown-optionwrapper:hover {
1068
+ box-shadow: 1px 1px 0px #BFBDBD;
1069
+ background-color: #FFFFFF;
1070
+ }
1071
+
1072
+ .rdw-dropdownoption-default {
1073
+ min-height: 25px;
1074
+ display: flex;
1075
+ align-items: center;
1076
+ padding: 0 5px;
1077
+ }
1078
+ .rdw-dropdownoption-highlighted {
1079
+ background: #F1F1F1;
1080
+ }
1081
+ .rdw-dropdownoption-active {
1082
+ background: #f5f5f5;
1083
+ }
1084
+ .rdw-dropdownoption-disabled {
1085
+ opacity: 0.3;
1086
+ cursor: default;
1087
+ }
1088
+
1089
+ .rdw-inline-wrapper {
1090
+ display: flex;
1091
+ align-items: center;
1092
+ margin-bottom: 6px;
1093
+ flex-wrap: wrap
1094
+ }
1095
+ .rdw-inline-dropdown {
1096
+ width: 50px;
1097
+ }
1098
+ .rdw-inline-dropdownoption {
1099
+ height: 40px;
1100
+ display: flex;
1101
+ justify-content: center;
1102
+ }
1103
+
1104
+ .rdw-block-wrapper {
1105
+ display: flex;
1106
+ align-items: center;
1107
+ margin-bottom: 6px;
1108
+ flex-wrap: wrap
1109
+ }
1110
+ .rdw-block-dropdown {
1111
+ width: 110px;
1112
+ }
1113
+
1114
+ .rdw-fontsize-wrapper {
1115
+ display: flex;
1116
+ align-items: center;
1117
+ margin-bottom: 6px;
1118
+ flex-wrap: wrap
1119
+ }
1120
+ .rdw-fontsize-dropdown {
1121
+ min-width: 40px;
1122
+ }
1123
+ .rdw-fontsize-option {
1124
+ display: flex;
1125
+ justify-content: center;
1126
+ }
1127
+
1128
+ .rdw-fontfamily-wrapper {
1129
+ display: flex;
1130
+ align-items: center;
1131
+ margin-bottom: 6px;
1132
+ flex-wrap: wrap
1133
+ }
1134
+ .rdw-fontfamily-dropdown {
1135
+ width: 115px;
1136
+ }
1137
+ .rdw-fontfamily-placeholder {
1138
+ white-space: nowrap;
1139
+ max-width: 90px;
1140
+ overflow: hidden;
1141
+ text-overflow: ellipsis;
1142
+ }
1143
+ .rdw-fontfamily-optionwrapper {
1144
+ width: 140px;
1145
+ }
1146
+
1147
+ .rdw-list-wrapper {
1148
+ display: flex;
1149
+ align-items: center;
1150
+ margin-bottom: 6px;
1151
+ flex-wrap: wrap
1152
+ }
1153
+ .rdw-list-dropdown {
1154
+ width: 50px;
1155
+ z-index: 90;
1156
+ }
1157
+ .rdw-list-dropdownOption {
1158
+ height: 40px;
1159
+ display: flex;
1160
+ justify-content: center;
1161
+ }
1162
+
1163
+ .rdw-text-align-wrapper {
1164
+ display: flex;
1165
+ align-items: center;
1166
+ margin-bottom: 6px;
1167
+ flex-wrap: wrap
1168
+ }
1169
+ .rdw-text-align-dropdown {
1170
+ width: 50px;
1171
+ z-index: 90;
1172
+ }
1173
+ .rdw-text-align-dropdownOption {
1174
+ height: 40px;
1175
+ display: flex;
1176
+ justify-content: center;
1177
+ }
1178
+ .rdw-right-aligned-block {
1179
+ text-align: right;
1180
+ }
1181
+ .rdw-left-aligned-block {
1182
+ text-align: left !important;
1183
+ }
1184
+ .rdw-center-aligned-block {
1185
+ text-align: center !important;
1186
+ }
1187
+ .rdw-justify-aligned-block {
1188
+ text-align: justify !important;
1189
+ }
1190
+ .rdw-right-aligned-block > div {
1191
+ display: inline-block;
1192
+ }
1193
+ .rdw-left-aligned-block > div {
1194
+ display: inline-block;
1195
+ }
1196
+ .rdw-center-aligned-block > div {
1197
+ display: inline-block;
1198
+ }
1199
+ .rdw-justify-aligned-block > div {
1200
+ display: inline-block;
1201
+ }
1202
+
1203
+ .rdw-colorpicker-wrapper {
1204
+ display: flex;
1205
+ align-items: center;
1206
+ margin-bottom: 6px;
1207
+ position: relative;
1208
+ flex-wrap: wrap
1209
+ }
1210
+ .rdw-colorpicker-modal {
1211
+ position: absolute;
1212
+ top: 35px;
1213
+ left: 5px;
1214
+ display: flex;
1215
+ flex-direction: column;
1216
+ width: 175px;
1217
+ height: 175px;
1218
+ border: 1px solid #F1F1F1;
1219
+ padding: 15px;
1220
+ border-radius: 2px;
1221
+ z-index: 100;
1222
+ background: white;
1223
+ box-shadow: 3px 3px 5px #BFBDBD;
1224
+ }
1225
+ .rdw-colorpicker-modal-header {
1226
+ display: flex;
1227
+ padding-bottom: 5px;
1228
+ }
1229
+ .rdw-colorpicker-modal-style-label {
1230
+ font-size: 15px;
1231
+ width: 50%;
1232
+ text-align: center;
1233
+ cursor: pointer;
1234
+ padding: 0 10px 5px;
1235
+ }
1236
+ .rdw-colorpicker-modal-style-label-active {
1237
+ border-bottom: 2px solid #0a66b7;
1238
+ }
1239
+ .rdw-colorpicker-modal-options {
1240
+ margin: 5px auto;
1241
+ display: flex;
1242
+ width: 100%;
1243
+ height: 100%;
1244
+ flex-wrap: wrap;
1245
+ overflow: scroll;
1246
+ }
1247
+ .rdw-colorpicker-cube {
1248
+ width: 22px;
1249
+ height: 22px;
1250
+ border: 1px solid #F1F1F1;
1251
+ }
1252
+ .rdw-colorpicker-option {
1253
+ margin: 3px;
1254
+ padding: 0;
1255
+ min-height: 20px;
1256
+ border: none;
1257
+ width: 22px;
1258
+ height: 22px;
1259
+ min-width: 22px;
1260
+ box-shadow: 1px 2px 1px #BFBDBD inset;
1261
+ }
1262
+ .rdw-colorpicker-option:hover {
1263
+ box-shadow: 1px 2px 1px #BFBDBD;
1264
+ }
1265
+ .rdw-colorpicker-option:active {
1266
+ box-shadow: -1px -2px 1px #BFBDBD;
1267
+ }
1268
+ .rdw-colorpicker-option-active {
1269
+ box-shadow: 0px 0px 2px 2px #BFBDBD;
1270
+ }
1271
+
1272
+ .rdw-link-wrapper {
1273
+ display: flex;
1274
+ align-items: center;
1275
+ margin-bottom: 6px;
1276
+ position: relative;
1277
+ flex-wrap: wrap
1278
+ }
1279
+ .rdw-link-dropdown {
1280
+ width: 50px;
1281
+ }
1282
+ .rdw-link-dropdownOption {
1283
+ height: 40px;
1284
+ display: flex;
1285
+ justify-content: center;
1286
+ }
1287
+ .rdw-link-dropdownPlaceholder {
1288
+ margin-left: 8px;
1289
+ }
1290
+ .rdw-link-modal {
1291
+ position: absolute;
1292
+ top: 35px;
1293
+ left: 5px;
1294
+ display: flex;
1295
+ flex-direction: column;
1296
+ width: 235px;
1297
+ height: 205px;
1298
+ border: 1px solid #F1F1F1;
1299
+ padding: 15px;
1300
+ border-radius: 2px;
1301
+ z-index: 100;
1302
+ background: white;
1303
+ box-shadow: 3px 3px 5px #BFBDBD;
1304
+ }
1305
+ .rdw-link-modal-label {
1306
+ font-size: 15px;
1307
+ }
1308
+ .rdw-link-modal-input {
1309
+ margin-top: 5px;
1310
+ border-radius: 2px;
1311
+ border: 1px solid #F1F1F1;
1312
+ height: 25px;
1313
+ margin-bottom: 15px;
1314
+ padding: 0 5px;
1315
+ }
1316
+ .rdw-link-modal-input:focus {
1317
+ outline: none;
1318
+ }
1319
+ .rdw-link-modal-buttonsection {
1320
+ margin: 0 auto;
1321
+ }
1322
+ .rdw-link-modal-target-option {
1323
+ margin-bottom: 20px;
1324
+ }
1325
+ .rdw-link-modal-target-option > span {
1326
+ margin-left: 5px;
1327
+ }
1328
+ .rdw-link-modal-btn {
1329
+ margin-left: 10px;
1330
+ width: 75px;
1331
+ height: 30px;
1332
+ border: 1px solid #F1F1F1;
1333
+ border-radius: 2px;
1334
+ cursor: pointer;
1335
+ background: white;
1336
+ text-transform: capitalize;
1337
+ }
1338
+ .rdw-link-modal-btn:hover {
1339
+ box-shadow: 1px 1px 0px #BFBDBD;
1340
+ }
1341
+ .rdw-link-modal-btn:active {
1342
+ box-shadow: 1px 1px 0px #BFBDBD inset;
1343
+ }
1344
+ .rdw-link-modal-btn:focus {
1345
+ outline: none !important;
1346
+ }
1347
+ .rdw-link-modal-btn:disabled {
1348
+ background: #ece9e9;
1349
+ }
1350
+ .rdw-link-dropdownoption {
1351
+ height: 40px;
1352
+ display: flex;
1353
+ justify-content: center;
1354
+ }
1355
+ .rdw-history-dropdown {
1356
+ width: 50px;
1357
+ }
1358
+
1359
+ .rdw-embedded-wrapper {
1360
+ display: flex;
1361
+ align-items: center;
1362
+ margin-bottom: 6px;
1363
+ position: relative;
1364
+ flex-wrap: wrap
1365
+ }
1366
+ .rdw-embedded-modal {
1367
+ position: absolute;
1368
+ top: 35px;
1369
+ left: 5px;
1370
+ display: flex;
1371
+ flex-direction: column;
1372
+ width: 235px;
1373
+ height: 180px;
1374
+ border: 1px solid #F1F1F1;
1375
+ padding: 15px;
1376
+ border-radius: 2px;
1377
+ z-index: 100;
1378
+ background: white;
1379
+ justify-content: space-between;
1380
+ box-shadow: 3px 3px 5px #BFBDBD;
1381
+ }
1382
+ .rdw-embedded-modal-header {
1383
+ font-size: 15px;
1384
+ display: flex;
1385
+ }
1386
+ .rdw-embedded-modal-header-option {
1387
+ width: 50%;
1388
+ cursor: pointer;
1389
+ display: flex;
1390
+ justify-content: center;
1391
+ align-items: center;
1392
+ flex-direction: column;
1393
+ }
1394
+ .rdw-embedded-modal-header-label {
1395
+ width: 95px;
1396
+ border: 1px solid #f1f1f1;
1397
+ margin-top: 5px;
1398
+ background: #6EB8D4;
1399
+ border-bottom: 2px solid #0a66b7;
1400
+ }
1401
+ .rdw-embedded-modal-link-section {
1402
+ display: flex;
1403
+ flex-direction: column;
1404
+ }
1405
+ .rdw-embedded-modal-link-input {
1406
+ width: 88%;
1407
+ height: 35px;
1408
+ margin: 10px 0;
1409
+ border: 1px solid #F1F1F1;
1410
+ border-radius: 2px;
1411
+ font-size: 15px;
1412
+ padding: 0 5px;
1413
+ }
1414
+ .rdw-embedded-modal-link-input-wrapper {
1415
+ display: flex;
1416
+ align-items: center;
1417
+ }
1418
+ .rdw-embedded-modal-link-input:focus {
1419
+ outline: none;
1420
+ }
1421
+ .rdw-embedded-modal-btn-section {
1422
+ display: flex;
1423
+ justify-content: center;
1424
+ }
1425
+ .rdw-embedded-modal-btn {
1426
+ margin: 0 3px;
1427
+ width: 75px;
1428
+ height: 30px;
1429
+ border: 1px solid #F1F1F1;
1430
+ border-radius: 2px;
1431
+ cursor: pointer;
1432
+ background: white;
1433
+ text-transform: capitalize;
1434
+ }
1435
+ .rdw-embedded-modal-btn:hover {
1436
+ box-shadow: 1px 1px 0px #BFBDBD;
1437
+ }
1438
+ .rdw-embedded-modal-btn:active {
1439
+ box-shadow: 1px 1px 0px #BFBDBD inset;
1440
+ }
1441
+ .rdw-embedded-modal-btn:focus {
1442
+ outline: none !important;
1443
+ }
1444
+ .rdw-embedded-modal-btn:disabled {
1445
+ background: #ece9e9;
1446
+ }
1447
+ .rdw-embedded-modal-size {
1448
+ align-items: center;
1449
+ display: flex;
1450
+ margin: 8px 0;
1451
+ justify-content: space-between;
1452
+ }
1453
+ .rdw-embedded-modal-size-input {
1454
+ width: 80%;
1455
+ height: 20px;
1456
+ border: 1px solid #F1F1F1;
1457
+ border-radius: 2px;
1458
+ font-size: 12px;
1459
+ }
1460
+ .rdw-embedded-modal-size-input:focus {
1461
+ outline: none;
1462
+ }
1463
+
1464
+ .rdw-emoji-wrapper {
1465
+ display: flex;
1466
+ align-items: center;
1467
+ margin-bottom: 6px;
1468
+ position: relative;
1469
+ flex-wrap: wrap
1470
+ }
1471
+ .rdw-emoji-modal {
1472
+ overflow: auto;
1473
+ position: absolute;
1474
+ top: 35px;
1475
+ left: 5px;
1476
+ display: flex;
1477
+ flex-wrap: wrap;
1478
+ width: 235px;
1479
+ height: 180px;
1480
+ border: 1px solid #F1F1F1;
1481
+ padding: 15px;
1482
+ border-radius: 2px;
1483
+ z-index: 100;
1484
+ background: white;
1485
+ box-shadow: 3px 3px 5px #BFBDBD;
1486
+ }
1487
+ .rdw-emoji-icon {
1488
+ margin: 2.5px;
1489
+ height: 24px;
1490
+ width: 24px;
1491
+ cursor: pointer;
1492
+ font-size: 22px;
1493
+ display: flex;
1494
+ justify-content: center;
1495
+ align-items: center;
1496
+ }
1497
+
1498
+ .rdw-spinner {
1499
+ display: flex;
1500
+ align-items: center;
1501
+ justify-content: center;
1502
+ height: 100%;
1503
+ width: 100%;
1504
+ }
1505
+ .rdw-spinner > div {
1506
+ width: 12px;
1507
+ height: 12px;
1508
+ background-color: #333;
1509
+
1510
+ border-radius: 100%;
1511
+ display: inline-block;
1512
+ -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
1513
+ animation: sk-bouncedelay 1.4s infinite ease-in-out both;
1514
+ }
1515
+ .rdw-spinner .rdw-bounce1 {
1516
+ -webkit-animation-delay: -0.32s;
1517
+ animation-delay: -0.32s;
1518
+ }
1519
+ .rdw-spinner .rdw-bounce2 {
1520
+ -webkit-animation-delay: -0.16s;
1521
+ animation-delay: -0.16s;
1522
+ }
1523
+ @-webkit-keyframes sk-bouncedelay {
1524
+ 0%, 80%, 100% { -webkit-transform: scale(0) }
1525
+ 40% { -webkit-transform: scale(1.0) }
1526
+ }
1527
+ @keyframes sk-bouncedelay {
1528
+ 0%, 80%, 100% {
1529
+ -webkit-transform: scale(0);
1530
+ transform: scale(0);
1531
+ } 40% {
1532
+ -webkit-transform: scale(1.0);
1533
+ transform: scale(1.0);
1534
+ }
1535
+ }
1536
+
1537
+ .rdw-image-wrapper {
1538
+ display: flex;
1539
+ align-items: center;
1540
+ margin-bottom: 6px;
1541
+ position: relative;
1542
+ flex-wrap: wrap
1543
+ }
1544
+ .rdw-image-modal {
1545
+ position: absolute;
1546
+ top: 35px;
1547
+ left: 5px;
1548
+ display: flex;
1549
+ flex-direction: column;
1550
+ width: 235px;
1551
+ border: 1px solid #F1F1F1;
1552
+ padding: 15px;
1553
+ border-radius: 2px;
1554
+ z-index: 100;
1555
+ background: white;
1556
+ box-shadow: 3px 3px 5px #BFBDBD;
1557
+ }
1558
+ .rdw-image-modal-header {
1559
+ font-size: 15px;
1560
+ margin: 10px 0;
1561
+ display: flex;
1562
+ }
1563
+ .rdw-image-modal-header-option {
1564
+ width: 50%;
1565
+ cursor: pointer;
1566
+ display: flex;
1567
+ justify-content: center;
1568
+ align-items: center;
1569
+ flex-direction: column;
1570
+ }
1571
+ .rdw-image-modal-header-label {
1572
+ width: 80px;
1573
+ background: #f1f1f1;
1574
+ border: 1px solid #f1f1f1;
1575
+ margin-top: 5px;
1576
+ }
1577
+ .rdw-image-modal-header-label-highlighted {
1578
+ background: #6EB8D4;
1579
+ border-bottom: 2px solid #0a66b7;
1580
+ }
1581
+ .rdw-image-modal-upload-option {
1582
+ width: 100%;
1583
+ color: gray;
1584
+ cursor: pointer;
1585
+ display: flex;
1586
+ border: none;
1587
+ font-size: 15px;
1588
+ align-items: center;
1589
+ justify-content: center;
1590
+ background-color: #f1f1f1;
1591
+ outline: 2px dashed gray;
1592
+ outline-offset: -10px;
1593
+ margin: 10px 0;
1594
+ padding: 9px 0;
1595
+ }
1596
+ .rdw-image-modal-upload-option-highlighted {
1597
+ outline: 2px dashed #0a66b7;
1598
+ }
1599
+ .rdw-image-modal-upload-option-label {
1600
+ cursor: pointer;
1601
+ height: 100%;
1602
+ width: 100%;
1603
+ display: flex;
1604
+ justify-content: center;
1605
+ align-items: center;
1606
+ padding: 15px;
1607
+ }
1608
+ .rdw-image-modal-upload-option-label span{
1609
+ padding: 0 20px;
1610
+ }
1611
+ .rdw-image-modal-upload-option-image-preview {
1612
+ max-width: 100%;
1613
+ max-height: 200px;
1614
+ }
1615
+ .rdw-image-modal-upload-option-input {
1616
+ width: 0.1px;
1617
+ height: 0.1px;
1618
+ opacity: 0;
1619
+ overflow: hidden;
1620
+ position: absolute;
1621
+ z-index: -1;
1622
+ }
1623
+ .rdw-image-modal-url-section {
1624
+ display: flex;
1625
+ align-items: center;
1626
+ }
1627
+ .rdw-image-modal-url-input {
1628
+ width: 90%;
1629
+ height: 35px;
1630
+ margin: 15px 0 12px;
1631
+ border: 1px solid #F1F1F1;
1632
+ border-radius: 2px;
1633
+ font-size: 15px;
1634
+ padding: 0 5px;
1635
+ }
1636
+ .rdw-image-modal-btn-section {
1637
+ margin: 10px auto 0;
1638
+ }
1639
+ .rdw-image-modal-url-input:focus {
1640
+ outline: none;
1641
+ }
1642
+ .rdw-image-modal-btn {
1643
+ margin: 0 5px;
1644
+ width: 75px;
1645
+ height: 30px;
1646
+ border: 1px solid #F1F1F1;
1647
+ border-radius: 2px;
1648
+ cursor: pointer;
1649
+ background: white;
1650
+ text-transform: capitalize;
1651
+ }
1652
+ .rdw-image-modal-btn:hover {
1653
+ box-shadow: 1px 1px 0px #BFBDBD;
1654
+ }
1655
+ .rdw-image-modal-btn:active {
1656
+ box-shadow: 1px 1px 0px #BFBDBD inset;
1657
+ }
1658
+ .rdw-image-modal-btn:focus {
1659
+ outline: none !important;
1660
+ }
1661
+ .rdw-image-modal-btn:disabled {
1662
+ background: #ece9e9;
1663
+ }
1664
+ .rdw-image-modal-spinner {
1665
+ position: absolute;
1666
+ top: -3px;
1667
+ left: 0;
1668
+ width: 100%;
1669
+ height: 100%;
1670
+ opacity: 0.5;
1671
+ }
1672
+ .rdw-image-modal-alt-input {
1673
+ width: 70%;
1674
+ height: 20px;
1675
+ border: 1px solid #F1F1F1;
1676
+ border-radius: 2px;
1677
+ font-size: 12px;
1678
+ margin-left: 5px;
1679
+ }
1680
+ .rdw-image-modal-alt-input:focus {
1681
+ outline: none;
1682
+ }
1683
+ .rdw-image-modal-alt-lbl {
1684
+ font-size: 12px;
1685
+ }
1686
+ .rdw-image-modal-size {
1687
+ align-items: center;
1688
+ display: flex;
1689
+ margin: 8px 0;
1690
+ justify-content: space-between;
1691
+ }
1692
+ .rdw-image-modal-size-input {
1693
+ width: 40%;
1694
+ height: 20px;
1695
+ border: 1px solid #F1F1F1;
1696
+ border-radius: 2px;
1697
+ font-size: 12px;
1698
+ }
1699
+ .rdw-image-modal-size-input:focus {
1700
+ outline: none;
1701
+ }
1702
+ .rdw-image-mandatory-sign {
1703
+ color: red;
1704
+ margin-left: 3px;
1705
+ margin-right: 3px;
1706
+ }
1707
+
1708
+ .rdw-remove-wrapper {
1709
+ display: flex;
1710
+ align-items: center;
1711
+ margin-bottom: 6px;
1712
+ position: relative;
1713
+ flex-wrap: wrap
1714
+ }
1715
+
1716
+ .rdw-history-wrapper {
1717
+ display: flex;
1718
+ align-items: center;
1719
+ margin-bottom: 6px;
1720
+ flex-wrap: wrap
1721
+ }
1722
+ .rdw-history-dropdownoption {
1723
+ height: 40px;
1724
+ display: flex;
1725
+ justify-content: center;
1726
+ }
1727
+ .rdw-history-dropdown {
1728
+ width: 50px;
1729
+ }
1730
+
1731
+ .rdw-link-decorator-wrapper {
1732
+ position: relative;
1733
+ }
1734
+ .rdw-link-decorator-icon {
1735
+ position: absolute;
1736
+ left: 40%;
1737
+ top: 0;
1738
+ cursor: pointer;
1739
+ background-color: white;
1740
+ }
1741
+
1742
+ .rdw-mention-link {
1743
+ text-decoration: none;
1744
+ color: #1236ff;
1745
+ background-color: #f0fbff;
1746
+ padding: 1px 2px;
1747
+ border-radius: 2px;
1748
+ }
1749
+
1750
+ .rdw-suggestion-wrapper {
1751
+ position: relative;
1752
+ }
1753
+ .rdw-suggestion-dropdown {
1754
+ position: absolute;
1755
+ display: flex;
1756
+ flex-direction: column;
1757
+ border: 1px solid #F1F1F1;
1758
+ min-width: 100px;
1759
+ max-height: 150px;
1760
+ overflow: auto;
1761
+ background: white;
1762
+ z-index: 100;
1763
+ }
1764
+ .rdw-suggestion-option {
1765
+ padding: 7px 5px;
1766
+ border-bottom: 1px solid #f1f1f1;
1767
+ }
1768
+ .rdw-suggestion-option-active {
1769
+ background-color: #F1F1F1;
1770
+ }
1771
+
1772
+ .rdw-hashtag-link {
1773
+ text-decoration: none;
1774
+ color: #1236ff;
1775
+ background-color: #f0fbff;
1776
+ padding: 1px 2px;
1777
+ border-radius: 2px;
1778
+ }
1779
+
1780
+ .rdw-image-alignment-options-popup {
1781
+ position: absolute;
1782
+ background: white;
1783
+ display: flex;
1784
+ padding: 5px 2px;
1785
+ border-radius: 2px;
1786
+ border: 1px solid #F1F1F1;
1787
+ width: 105px;
1788
+ cursor: pointer;
1789
+ z-index: 100;
1790
+ }
1791
+ .rdw-alignment-option-left {
1792
+ justify-content: flex-start;
1793
+ }
1794
+ .rdw-image-alignment-option {
1795
+ height: 15px;
1796
+ width: 15px;
1797
+ min-width: 15px;
1798
+ }
1799
+ .rdw-image-alignment {
1800
+ position: relative;
1801
+ }
1802
+ .rdw-image-imagewrapper {
1803
+ position: relative;
1804
+ }
1805
+ .rdw-image-center {
1806
+ display: flex;
1807
+ justify-content: center;
1808
+ }
1809
+ .rdw-image-left {
1810
+ display: flex;
1811
+ }
1812
+ .rdw-image-right {
1813
+ display: flex;
1814
+ justify-content: flex-end;
1815
+ }
1816
+ .rdw-image-alignment-options-popup-right {
1817
+ right: 0;
1818
+ }
1819
+
1820
+ .rdw-editor-main {
1821
+ height: 100%;
1822
+ overflow: auto;
1823
+ box-sizing: border-box;
1824
+ }
1825
+ .rdw-editor-toolbar {
1826
+ padding: 6px 5px 0;
1827
+ border-radius: 2px;
1828
+ border: 1px solid #F1F1F1;
1829
+ display: flex;
1830
+ justify-content: flex-start;
1831
+ background: white;
1832
+ flex-wrap: wrap;
1833
+ font-size: 15px;
1834
+ margin-bottom: 5px;
1835
+ user-select: none;
1836
+ }
1837
+ .public-DraftStyleDefault-block {
1838
+ margin: 1em 0;
1839
+ }
1840
+ .rdw-editor-wrapper:focus {
1841
+ outline: none;
1842
+ }
1843
+ .rdw-editor-wrapper {
1844
+ box-sizing: content-box;
1845
+ }
1846
+ .rdw-editor-main blockquote {
1847
+ border-left: 5px solid #f1f1f1;
1848
+ padding-left: 5px;
1849
+ }
1850
+ .rdw-editor-main pre {
1851
+ background: #f1f1f1;
1852
+ border-radius: 3px;
1853
+ padding: 1px 10px;
1854
+ }
1855
+ /**
1856
+ * Draft v0.9.1
1857
+ *
1858
+ * Copyright (c) 2013-present, Facebook, Inc.
1859
+ * All rights reserved.
1860
+ *
1861
+ * This source code is licensed under the BSD-style license found in the
1862
+ * LICENSE file in the root directory of this source tree. An additional grant
1863
+ * of patent rights can be found in the PATENTS file in the same directory.
1864
+ */
1865
+ .DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}
1866
+
1867
+
1862
1868
  /*# sourceMappingURL=react-draft-wysiwyg.css.map*/