@ditojs/admin 2.94.1 → 2.96.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,1139 +0,0 @@
1
- .dito-button[disabled], .dito-select select:disabled button, .dito-select select.dito-disabled button {
2
- opacity: 0.6;
3
- pointer-events: none;
4
- }
5
- .dito-select select {
6
- border: 1px solid hsl(0deg, 0%, 78%);
7
- border-radius: 4px;
8
- -webkit-box-sizing: border-box;
9
- box-sizing: border-box;
10
- margin: 0;
11
- padding: 3px 6px;
12
- background: hsl(0deg, 0%, 100%);
13
- }
14
- .dito-select select.dito-has-errors {
15
- border-color: hsl(348deg, 100%, 61%);
16
- }
17
- .dito-select select:disabled, .dito-select select.dito-disabled {
18
- color: hsl(0deg, 0%, 50%);
19
- pointer-events: none;
20
- cursor: text;
21
- }
22
- .dito-select select {
23
- -webkit-appearance: none;
24
- -moz-appearance: none;
25
- appearance: none;
26
- }
27
- .dito-select select::-webkit-input-placeholder {
28
- color: hsl(0deg, 0%, 50%);
29
- }
30
- .dito-select select::-moz-placeholder {
31
- color: hsl(0deg, 0%, 50%);
32
- }
33
- .dito-select select:-ms-input-placeholder {
34
- color: hsl(0deg, 0%, 50%);
35
- }
36
- .dito-select select::-ms-input-placeholder {
37
- color: hsl(0deg, 0%, 50%);
38
- }
39
- .dito-select select::placeholder {
40
- color: hsl(0deg, 0%, 50%);
41
- }
42
- .dito-select select:focus,
43
- .dito-select select:focus .dito-inherit-focus, .dito-select select:focus-within,
44
- .dito-select select:focus-within .dito-inherit-focus, .dito-select select.dito-focus,
45
- .dito-select select.dito-focus .dito-inherit-focus {
46
- border-color: hsl(211deg, 100%, 61%);
47
- }
48
- .dito-button {
49
- display: inline-block;
50
- -webkit-box-sizing: border-box;
51
- box-sizing: border-box;
52
- background: hsl(0deg, 0%, 88%);
53
- color: hsl(0deg, 0%, 4%);
54
- position: relative;
55
- border: 1px solid hsl(0deg, 0%, 78%);
56
- border-radius: 4px;
57
- padding: 3px 6px;
58
- text-align: center;
59
- white-space: nowrap;
60
- min-width: 1.5em;
61
- min-height: 1.5em;
62
- -webkit-user-select: none;
63
- -moz-user-select: none;
64
- -ms-user-select: none;
65
- user-select: none;
66
- -webkit-user-drag: none;
67
- }
68
- .dito-button:focus {
69
- border-color: hsl(211deg, 100%, 61%);
70
- }
71
- .dito-button:hover {
72
- background: #d4d4d4;
73
- }
74
- .dito-button:active {
75
- background: #cdcdcd;
76
- border-color: #adadad;
77
- -webkit-box-shadow: inset 0 1px 2px 0 rgba(10, 10, 10, 0.25);
78
- box-shadow: inset 0 1px 2px 0 rgba(10, 10, 10, 0.25);
79
- }
80
- .dito-button.dito-selected {
81
- background: #c7c7c7;
82
- }
83
- .dito-button.dito-selected:hover {
84
- background: #cdcdcd;
85
- }
86
- .dito-button.dito-active, .dito-button[type=submit] {
87
- color: hsl(0deg, 0%, 100%);
88
- background: hsl(211deg, 100%, 61%);
89
- border-color: hsl(211deg, 100%, 61%);
90
- }
91
- .dito-button.dito-active:active, .dito-button[type=submit]:active {
92
- border-color: #057eff;
93
- }
94
- .dito-button.dito-active:hover, .dito-button[type=submit]:hover {
95
- background: #1284ff;
96
- }
97
- .dito-button.dito-active:focus, .dito-button[type=submit]:focus {
98
- border-color: #0059b8;
99
- }
100
- .dito-buttons {
101
- --button-margin: 2px;
102
- display: -webkit-box;
103
- display: -ms-flexbox;
104
- display: flex;
105
- -webkit-box-pack: end;
106
- -ms-flex-pack: end;
107
- justify-content: flex-end;
108
- white-space: nowrap;
109
- }
110
- .dito-buttons > *,
111
- .dito-buttons .dito-button-group > * {
112
- margin-left: var(--button-margin);
113
- }
114
- .dito-buttons > *:first-child,
115
- .dito-buttons .dito-button-group > *:first-child {
116
- margin-left: 0;
117
- }
118
- .dito-buttons .dito-button-group + .dito-button-group {
119
- margin-left: 1.5em;
120
- }
121
- .dito-buttons.dito-buttons-round .dito-button {
122
- padding: 0.3em 0.9em;
123
- min-width: 2em;
124
- min-height: 2em;
125
- border-radius: 1em;
126
- }
127
- .dito-buttons.dito-buttons-small {
128
- --button-margin: 1px;
129
- }
130
- .dito-buttons.dito-buttons-round, .dito-buttons.dito-buttons-small {
131
- line-height: 1em;
132
- }
133
- .dito-buttons.dito-buttons-toolbar {
134
- -webkit-box-pack: start;
135
- -ms-flex-pack: start;
136
- justify-content: flex-start;
137
- }
138
- .dito-buttons.dito-buttons-toolbar .dito-button {
139
- -webkit-box-sizing: content-box;
140
- box-sizing: content-box;
141
- padding: 0 6px;
142
- }
143
- .dito-buttons.dito-buttons-toolbar .dito-button i[class*=dito-icon-] {
144
- width: 1.1em;
145
- }
146
- .dito-chevron {
147
- position: relative;
148
- width: 1.2em;
149
- -webkit-box-flex: 0;
150
- -ms-flex: none;
151
- flex: none;
152
- color: hsl(0deg, 0%, 50%);
153
- }
154
- .dito-chevron::before {
155
- content: "▶";
156
- position: absolute;
157
- left: 0;
158
- color: inherit;
159
- -webkit-transition: -webkit-transform 0.1s ease;
160
- transition: -webkit-transform 0.1s ease;
161
- transition: transform 0.1s ease;
162
- transition: transform 0.1s ease, -webkit-transform 0.1s ease;
163
- }
164
- .dito-chevron.dito-opened::before {
165
- -webkit-transform: rotate(90deg);
166
- transform: rotate(90deg);
167
- }
168
- .dito-chevron::after {
169
- content: "​";
170
- }.dito-calendar-header,
171
- .dito-calendar-footer {
172
- height: 2em;
173
- line-height: 2em;
174
- }
175
- .dito-calendar {
176
- min-width: 240px;
177
- -webkit-box-sizing: border-box;
178
- box-sizing: border-box;
179
- }
180
- .dito-calendar-popup {
181
- border: 1px solid hsl(0deg, 0%, 78%);
182
- border-radius: 4px;
183
- background: hsl(0deg, 0%, 100%);
184
- -webkit-box-shadow: 0 2px 6px 0 rgba(10, 10, 10, 0.25);
185
- box-shadow: 0 2px 6px 0 rgba(10, 10, 10, 0.25);
186
- z-index: 1000;
187
- }
188
- .dito-calendar-body {
189
- padding: 0 0.5em;
190
- }
191
- .dito-calendar-body span {
192
- display: inline-block;
193
- width: 14.2857142857%;
194
- height: 2em;
195
- line-height: calc(2em - 2px);
196
- -webkit-box-sizing: border-box;
197
- box-sizing: border-box;
198
- border-radius: 4px;
199
- border: 1px solid transparent;
200
- text-align: center;
201
- }
202
- .dito-calendar-body .dito-calendar-item-today {
203
- border: 1px solid hsl(211deg, 100%, 61%);
204
- color: hsl(211deg, 100%, 61%);
205
- }
206
- .dito-calendar-body .dito-calendar-item-active, .dito-calendar-body .dito-calendar-item-active:hover {
207
- background: hsl(211deg, 100%, 61%);
208
- color: white;
209
- }
210
- .dito-calendar-body .dito-calendar-item-disabled {
211
- background: white;
212
- cursor: default;
213
- }
214
- .dito-calendar-body .dito-calendar-item-disabled,
215
- .dito-calendar-body .dito-calendar-item-gray {
216
- color: #999;
217
- }
218
- .dito-calendar-months span,
219
- .dito-calendar-years span {
220
- width: 25%;
221
- margin: 0.5em 0;
222
- }
223
- .dito-calendar-years span {
224
- width: 20%;
225
- }
226
- .dito-calendar a,
227
- .dito-calendar-dates span,
228
- .dito-calendar-months span,
229
- .dito-calendar-years span {
230
- -webkit-user-select: none;
231
- -moz-user-select: none;
232
- -ms-user-select: none;
233
- user-select: none;
234
- -webkit-user-drag: none;
235
- white-space: nowrap;
236
- cursor: pointer;
237
- }
238
- .dito-calendar-header span {
239
- cursor: default;
240
- }
241
- .dito-calendar-header span a {
242
- padding: 0 0.2em;
243
- }
244
- .dito-calendar-dates span:hover,
245
- .dito-calendar-months span:hover,
246
- .dito-calendar-years span:hover,
247
- .dito-calendar:not(:hover) .dito-calendar-item-current {
248
- background: hsl(211deg, 100%, 85%);
249
- }
250
- .dito-calendar-weekdays span {
251
- font-weight: bold;
252
- -webkit-user-select: none;
253
- -moz-user-select: none;
254
- -ms-user-select: none;
255
- user-select: none;
256
- -webkit-user-drag: none;
257
- }
258
- .dito-calendar-header,
259
- .dito-calendar-footer {
260
- position: relative;
261
- text-align: center;
262
- }
263
- .dito-calendar-footer {
264
- border-top: 1px solid hsl(0deg, 0%, 78%);
265
- }
266
- .dito-calendar-header {
267
- font-weight: bold;
268
- border-bottom: 1px solid hsl(0deg, 0%, 78%);
269
- display: -webkit-box;
270
- display: -ms-flexbox;
271
- display: flex;
272
- }
273
- .dito-calendar-header > span {
274
- margin: auto;
275
- padding: 0 0.5em;
276
- }
277
- .dito-calendar-header a {
278
- font-weight: bold;
279
- }
280
- .dito-calendar-header a:hover {
281
- color: hsl(211deg, 100%, 61%);
282
- }
283
- .dito-calendar-step-prev,
284
- .dito-calendar-step-next {
285
- position: relative;
286
- width: 5%;
287
- min-width: 2em;
288
- max-width: 3em;
289
- }
290
- .dito-calendar-step-prev::after,
291
- .dito-calendar-step-next::after {
292
- position: absolute;
293
- left: 0;
294
- right: 0;
295
- font-size: 1.25em;
296
- }
297
- .dito-calendar-step-prev::after {
298
- content: "‹";
299
- }
300
- .dito-calendar-step-prev.dito-calendar-step-year::after {
301
- content: "«";
302
- }
303
- .dito-calendar-step-next::after {
304
- content: "›";
305
- }
306
- .dito-calendar-step-next.dito-calendar-step-year::after {
307
- content: "»";
308
- }
309
- .dito-calendar-select-today::after {
310
- content: "Now";
311
- }.fade-enter-active {
312
- -webkit-animation: fade-enter 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
313
- animation: fade-enter 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
314
- }
315
- .fade-leave-active {
316
- -webkit-animation: fade-leave 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
317
- animation: fade-leave 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
318
- }
319
- @-webkit-keyframes fade-enter {
320
- 0% {
321
- opacity: 0;
322
- }
323
- 100% {
324
- opacity: 1;
325
- }
326
- }
327
- @keyframes fade-enter {
328
- 0% {
329
- opacity: 0;
330
- }
331
- 100% {
332
- opacity: 1;
333
- }
334
- }
335
- @-webkit-keyframes fade-leave {
336
- 0% {
337
- opacity: 1;
338
- }
339
- 100% {
340
- opacity: 0;
341
- }
342
- }
343
- @keyframes fade-leave {
344
- 0% {
345
- opacity: 1;
346
- }
347
- 100% {
348
- opacity: 0;
349
- }
350
- }
351
- .slide-enter-active {
352
- -webkit-animation: slide-enter 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
353
- animation: slide-enter 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
354
- }
355
- .slide-leave-active {
356
- -webkit-animation: slide-leave 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
357
- animation: slide-leave 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
358
- }
359
- @-webkit-keyframes slide-enter {
360
- 0% {
361
- opacity: 0;
362
- -webkit-transform-origin: 0% 0%;
363
- transform-origin: 0% 0%;
364
- -webkit-transform: scaleY(0.8);
365
- transform: scaleY(0.8);
366
- }
367
- 100% {
368
- opacity: 1;
369
- -webkit-transform-origin: 0% 0%;
370
- transform-origin: 0% 0%;
371
- -webkit-transform: scaleY(1);
372
- transform: scaleY(1);
373
- }
374
- }
375
- @keyframes slide-enter {
376
- 0% {
377
- opacity: 0;
378
- -webkit-transform-origin: 0% 0%;
379
- transform-origin: 0% 0%;
380
- -webkit-transform: scaleY(0.8);
381
- transform: scaleY(0.8);
382
- }
383
- 100% {
384
- opacity: 1;
385
- -webkit-transform-origin: 0% 0%;
386
- transform-origin: 0% 0%;
387
- -webkit-transform: scaleY(1);
388
- transform: scaleY(1);
389
- }
390
- }
391
- @-webkit-keyframes slide-leave {
392
- 0% {
393
- opacity: 1;
394
- -webkit-transform-origin: 0% 0%;
395
- transform-origin: 0% 0%;
396
- -webkit-transform: scaleY(1);
397
- transform: scaleY(1);
398
- }
399
- 100% {
400
- opacity: 0;
401
- -webkit-transform-origin: 0% 0%;
402
- transform-origin: 0% 0%;
403
- -webkit-transform: scaleY(0.8);
404
- transform: scaleY(0.8);
405
- }
406
- }
407
- @keyframes slide-leave {
408
- 0% {
409
- opacity: 1;
410
- -webkit-transform-origin: 0% 0%;
411
- transform-origin: 0% 0%;
412
- -webkit-transform: scaleY(1);
413
- transform: scaleY(1);
414
- }
415
- 100% {
416
- opacity: 0;
417
- -webkit-transform-origin: 0% 0%;
418
- transform-origin: 0% 0%;
419
- -webkit-transform: scaleY(0.8);
420
- transform: scaleY(0.8);
421
- }
422
- }
423
- .zoom-enter-active {
424
- -webkit-animation: zoom-enter 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
425
- animation: zoom-enter 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
426
- }
427
- .zoom-leave-active {
428
- -webkit-animation: zoom-leave 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
429
- animation: zoom-leave 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
430
- }
431
- @-webkit-keyframes zoom-enter {
432
- 0% {
433
- opacity: 0;
434
- -webkit-transform: scale(0);
435
- transform: scale(0);
436
- }
437
- 100% {
438
- opacity: 1;
439
- -webkit-transform: scale(1);
440
- transform: scale(1);
441
- }
442
- }
443
- @keyframes zoom-enter {
444
- 0% {
445
- opacity: 0;
446
- -webkit-transform: scale(0);
447
- transform: scale(0);
448
- }
449
- 100% {
450
- opacity: 1;
451
- -webkit-transform: scale(1);
452
- transform: scale(1);
453
- }
454
- }
455
- @-webkit-keyframes zoom-leave {
456
- 0% {
457
- -webkit-transform: scale(1);
458
- transform: scale(1);
459
- }
460
- 100% {
461
- opacity: 0;
462
- -webkit-transform: scale(0);
463
- transform: scale(0);
464
- }
465
- }
466
- @keyframes zoom-leave {
467
- 0% {
468
- -webkit-transform: scale(1);
469
- transform: scale(1);
470
- }
471
- 100% {
472
- opacity: 0;
473
- -webkit-transform: scale(0);
474
- transform: scale(0);
475
- }
476
- }
477
- .dito-trigger-container {
478
- position: relative;
479
- }
480
- .dito-trigger-disabled {
481
- color: hsl(0deg, 0%, 50%);
482
- border-color: hsl(0deg, 0%, 78%);
483
- cursor: default;
484
- }
485
- .dito-trigger-disabled * {
486
- cursor: default !important;
487
- -webkit-user-select: none;
488
- -moz-user-select: none;
489
- -ms-user-select: none;
490
- user-select: none;
491
- -webkit-user-drag: none;
492
- }
493
- .dito-trigger-disabled *:focus {
494
- -webkit-box-shadow: none;
495
- box-shadow: none;
496
- }
497
- .dito-popup {
498
- position: absolute;
499
- top: 0;
500
- left: 0;
501
- z-index: 1000;
502
- }.dito-input:disabled button, .dito-disabled.dito-input button {
503
- opacity: 0.6;
504
- pointer-events: none;
505
- }
506
- .dito-input {
507
- border: 1px solid hsl(0deg, 0%, 78%);
508
- border-radius: 4px;
509
- -webkit-box-sizing: border-box;
510
- box-sizing: border-box;
511
- margin: 0;
512
- padding: 3px 6px;
513
- background: hsl(0deg, 0%, 100%);
514
- }
515
- .dito-has-errors.dito-input {
516
- border-color: hsl(348deg, 100%, 61%);
517
- }
518
- .dito-input:disabled, .dito-disabled.dito-input {
519
- color: hsl(0deg, 0%, 50%);
520
- pointer-events: none;
521
- cursor: text;
522
- }
523
- .dito-input {
524
- -webkit-appearance: none;
525
- -moz-appearance: none;
526
- appearance: none;
527
- }
528
- .dito-input::-webkit-input-placeholder {
529
- color: hsl(0deg, 0%, 50%);
530
- }
531
- .dito-input::-moz-placeholder {
532
- color: hsl(0deg, 0%, 50%);
533
- }
534
- .dito-input:-ms-input-placeholder {
535
- color: hsl(0deg, 0%, 50%);
536
- }
537
- .dito-input::-ms-input-placeholder {
538
- color: hsl(0deg, 0%, 50%);
539
- }
540
- .dito-input::placeholder {
541
- color: hsl(0deg, 0%, 50%);
542
- }
543
- .dito-input:focus,
544
- .dito-input:focus .dito-inherit-focus, .dito-input:focus-within,
545
- .dito-input:focus-within .dito-inherit-focus, .dito-focus.dito-input,
546
- .dito-focus.dito-input .dito-inherit-focus {
547
- border-color: hsl(211deg, 100%, 61%);
548
- }
549
- .dito-input {
550
- display: inline-block;
551
- }
552
- .dito-input input {
553
- all: inherit;
554
- display: inline-block;
555
- width: 100%;
556
- border: 0;
557
- margin: 0;
558
- padding: 0;
559
- }.dito-date-picker {
560
- min-width: 240px;
561
- }
562
- .dito-date-picker .dito-input {
563
- font-variant-numeric: tabular-nums;
564
- cursor: pointer;
565
- width: 100%;
566
- }
567
- .dito-date-picker-popup {
568
- margin: 2px 0;
569
- }.dito-time-picker .dito-input {
570
- width: 100%;
571
- }
572
- .dito-time-picker-popup {
573
- max-width: 160px;
574
- margin: 2px 0;
575
- }
576
- .dito-time-picker .dito-input {
577
- font-variant-numeric: tabular-nums;
578
- cursor: pointer;
579
- width: 100%;
580
- }
581
- .dito-time-picker .dito-input .dito-icon-time {
582
- display: block;
583
- position: absolute;
584
- top: 0;
585
- right: 7px;
586
- height: 100%;
587
- }
588
- .dito-time-picker-popup {
589
- list-style: none;
590
- background: hsl(0deg, 0%, 100%);
591
- border: 1px solid hsl(0deg, 0%, 78%);
592
- border-radius: 4px;
593
- -webkit-box-shadow: 0 2px 6px 0 rgba(10, 10, 10, 0.25);
594
- box-shadow: 0 2px 6px 0 rgba(10, 10, 10, 0.25);
595
- overflow: hidden;
596
- }
597
- .dito-time-picker-popup .dito-time-picker-panel {
598
- float: left;
599
- border: 1px solid hsl(0deg, 0%, 78%);
600
- border-width: 0 1px 0;
601
- margin-left: -1px;
602
- -webkit-box-sizing: border-box;
603
- box-sizing: border-box;
604
- width: calc(33.3333333333% + 1px);
605
- overflow: hidden;
606
- }
607
- .dito-time-picker-popup .dito-time-picker-panel:last-child {
608
- border-right: 0;
609
- }
610
- .dito-time-picker-popup .dito-time-picker-panel ul {
611
- overflow-x: hidden;
612
- overflow-y: auto;
613
- list-style: none;
614
- width: 100%;
615
- margin: 0;
616
- -webkit-box-sizing: content-box;
617
- box-sizing: content-box;
618
- padding: 0 17px 0 0;
619
- height: 168px;
620
- }
621
- .dito-time-picker-popup .dito-time-picker-panel ul > li {
622
- -webkit-box-sizing: content-box;
623
- box-sizing: content-box;
624
- background: hsl(0deg, 0%, 100%);
625
- width: 100%;
626
- height: 24px;
627
- line-height: 24px;
628
- text-align: center;
629
- font-variant-numeric: tabular-nums;
630
- cursor: pointer;
631
- white-space: nowrap;
632
- overflow: hidden;
633
- -webkit-user-select: none;
634
- -moz-user-select: none;
635
- -ms-user-select: none;
636
- user-select: none;
637
- -webkit-user-drag: none;
638
- }
639
- .dito-time-picker-popup .dito-time-picker-panel ul > li:first-child {
640
- margin-top: 72px;
641
- }
642
- .dito-time-picker-popup .dito-time-picker-panel ul > li:last-child {
643
- margin-bottom: 72px;
644
- }
645
- .dito-time-picker-popup .dito-time-picker-panel ul > li:hover {
646
- background: hsl(211deg, 100%, 85%);
647
- }
648
- .dito-time-picker-popup .dito-time-picker-panel ul > li.selected, .dito-time-picker-popup .dito-time-picker-panel ul > li.selected:hover {
649
- color: hsl(0deg, 0%, 100%);
650
- background: hsl(211deg, 100%, 61%);
651
- }
652
- .dito-time-picker-popup .dito-time-picker-panel ul > li.disabled {
653
- cursor: default;
654
- color: hsl(0deg, 0%, 50%);
655
- }
656
- .dito-time-picker-popup .dito-time-picker-panel ul > li.disabled:hover {
657
- background: transparent;
658
- }.dito-date-time-picker .dito-pickers:disabled button, .dito-date-time-picker .dito-disabled.dito-pickers button {
659
- opacity: 0.6;
660
- pointer-events: none;
661
- }
662
- .dito-date-time-picker .dito-pickers {
663
- border: 1px solid hsl(0deg, 0%, 78%);
664
- border-radius: 4px;
665
- -webkit-box-sizing: border-box;
666
- box-sizing: border-box;
667
- margin: 0;
668
- padding: 3px 6px;
669
- background: hsl(0deg, 0%, 100%);
670
- }
671
- .dito-date-time-picker .dito-has-errors.dito-pickers {
672
- border-color: hsl(348deg, 100%, 61%);
673
- }
674
- .dito-date-time-picker .dito-pickers:disabled, .dito-date-time-picker .dito-disabled.dito-pickers {
675
- color: hsl(0deg, 0%, 50%);
676
- pointer-events: none;
677
- cursor: text;
678
- }
679
- .dito-date-time-picker .dito-pickers {
680
- -webkit-appearance: none;
681
- -moz-appearance: none;
682
- appearance: none;
683
- }
684
- .dito-date-time-picker .dito-pickers::-webkit-input-placeholder {
685
- color: hsl(0deg, 0%, 50%);
686
- }
687
- .dito-date-time-picker .dito-pickers::-moz-placeholder {
688
- color: hsl(0deg, 0%, 50%);
689
- }
690
- .dito-date-time-picker .dito-pickers:-ms-input-placeholder {
691
- color: hsl(0deg, 0%, 50%);
692
- }
693
- .dito-date-time-picker .dito-pickers::-ms-input-placeholder {
694
- color: hsl(0deg, 0%, 50%);
695
- }
696
- .dito-date-time-picker .dito-pickers::placeholder {
697
- color: hsl(0deg, 0%, 50%);
698
- }
699
- .dito-date-time-picker .dito-pickers:focus,
700
- .dito-date-time-picker .dito-pickers:focus .dito-inherit-focus, .dito-date-time-picker .dito-pickers:focus-within,
701
- .dito-date-time-picker .dito-pickers:focus-within .dito-inherit-focus, .dito-date-time-picker .dito-focus.dito-pickers,
702
- .dito-date-time-picker .dito-focus.dito-pickers .dito-inherit-focus {
703
- border-color: hsl(211deg, 100%, 61%);
704
- }
705
- .dito-date-time-picker .dito-pickers {
706
- padding: 0;
707
- display: -webkit-box;
708
- display: -ms-flexbox;
709
- display: flex;
710
- }
711
- .dito-date-time-picker .dito-pickers .dito-input {
712
- background: none;
713
- border: 0;
714
- }
715
- .dito-date-time-picker .dito-date-picker {
716
- width: 60%;
717
- min-width: 6.9em;
718
- }
719
- .dito-date-time-picker .dito-date-picker .dito-input {
720
- padding-right: 0;
721
- }
722
- .dito-date-time-picker .dito-time-picker {
723
- width: 40%;
724
- min-width: 5.4em;
725
- }
726
- .dito-date-time-picker .dito-time-picker .dito-input {
727
- padding-left: 0;
728
- text-align: right;
729
- }.dito-icon-undo, .dito-icon-underline, .dito-icon-type, .dito-icon-trash, .dito-icon-tag, .dito-icon-strike, .dito-icon-small, .dito-icon-settings, .dito-icon-search, .dito-icon-resize, .dito-icon-remove, .dito-icon-refresh, .dito-icon-redo, .dito-icon-percent, .dito-icon-paste, .dito-icon-paragraph, .dito-icon-paperclip, .dito-icon-ordered-list, .dito-icon-menu, .dito-icon-mail, .dito-icon-link, .dito-icon-italic, .dito-icon-image, .dito-icon-horizontal-rule, .dito-icon-home, .dito-icon-heart, .dito-icon-heading-3, .dito-icon-heading-2, .dito-icon-heading-1, .dito-icon-hash, .dito-icon-ellipsis, .dito-icon-edit, .dito-icon-drag, .dito-icon-dollar-sign, .dito-icon-crop, .dito-icon-credit-card, .dito-icon-copy, .dito-icon-command, .dito-icon-code, .dito-icon-code-block, .dito-icon-clock, .dito-icon-clear, .dito-icon-chevrons, .dito-icon-chevron, .dito-icon-calendar, .dito-icon-bullet-list, .dito-icon-bookmark, .dito-icon-bold, .dito-icon-blockquote, .dito-icon-at-sign, .dito-icon-arrow, .dito-icon-alternate, .dito-icon-align-right, .dito-icon-align-left, .dito-icon-align-justify, .dito-icon-align-center, .dito-icon-add {
730
- width: 1em;
731
- position: absolute;
732
- top: 0;
733
- right: 0;
734
- bottom: 0;
735
- left: 0;
736
- margin: auto;
737
- content: "";
738
- background: currentColor;
739
- -webkit-mask: none no-repeat center content-box;
740
- mask: none no-repeat center content-box;
741
- }
742
- .dito-icon-add {
743
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='12' y1='2' x2='12' y2='22'/%3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e");
744
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='12' y1='2' x2='12' y2='22'/%3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e");
745
- }
746
- .dito-icon-align-center {
747
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='18' y1='10' x2='6' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='18' y1='18' x2='6' y2='18'/%3e %3c/svg%3e");
748
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='18' y1='10' x2='6' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='18' y1='18' x2='6' y2='18'/%3e %3c/svg%3e");
749
- }
750
- .dito-icon-align-justify {
751
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='21' y1='10' x2='3' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='21' y1='18' x2='3' y2='18'/%3e %3c/svg%3e");
752
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='21' y1='10' x2='3' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='21' y1='18' x2='3' y2='18'/%3e %3c/svg%3e");
753
- }
754
- .dito-icon-align-left {
755
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='17' y1='10' x2='3' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='17' y1='18' x2='3' y2='18'/%3e %3c/svg%3e");
756
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='17' y1='10' x2='3' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='17' y1='18' x2='3' y2='18'/%3e %3c/svg%3e");
757
- }
758
- .dito-icon-align-right {
759
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='21' y1='10' x2='7' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='21' y1='18' x2='7' y2='18'/%3e %3c/svg%3e");
760
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='21' y1='10' x2='7' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='21' y1='18' x2='7' y2='18'/%3e %3c/svg%3e");
761
- }
762
- .dito-icon-alternate {
763
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='15' y1='7' x2='20' y2='7'/%3e %3cpolyline points='4%2c7 9%2c7 15%2c18 20%2c18'/%3e %3c/svg%3e");
764
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='15' y1='7' x2='20' y2='7'/%3e %3cpolyline points='4%2c7 9%2c7 15%2c18 20%2c18'/%3e %3c/svg%3e");
765
- }
766
- .dito-icon-arrow {
767
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='8%2c4 16%2c12 8%2c20'/%3e %3c/svg%3e");
768
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='8%2c4 16%2c12 8%2c20'/%3e %3c/svg%3e");
769
- }
770
- .dito-icon-at-sign {
771
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='4'/%3e %3cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94'/%3e %3c/svg%3e");
772
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='4'/%3e %3cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94'/%3e %3c/svg%3e");
773
- }
774
- .dito-icon-blockquote {
775
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cg style='fill: currentColor%3b'%3e %3ccircle cx='6' cy='10' r='4'/%3e %3ccircle cx='18' cy='10' r='4'/%3e %3c/g%3e %3cpath d='M2%2c18c4.42%2c0%2c8-3.58%2c8-8'/%3e %3cpath d='M14%2c18c4.42%2c0%2c8-3.58%2c8-8'/%3e %3c/svg%3e");
776
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cg style='fill: currentColor%3b'%3e %3ccircle cx='6' cy='10' r='4'/%3e %3ccircle cx='18' cy='10' r='4'/%3e %3c/g%3e %3cpath d='M2%2c18c4.42%2c0%2c8-3.58%2c8-8'/%3e %3cpath d='M14%2c18c4.42%2c0%2c8-3.58%2c8-8'/%3e %3c/svg%3e");
777
- }
778
- .dito-icon-bold {
779
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 3%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6%2c4'/%3e %3cpath d='M6%2c4h8c2.21%2c0%2c4%2c1.79%2c4%2c4s-1.79%2c4-4%2c4l-6%2c0'/%3e %3cpath d='M15%2c12c2.21%2c0%2c4%2c1.79%2c4%2c4s-1.79%2c4-4%2c4H6'/%3e %3cline x1='8' y1='4' x2='8' y2='20'/%3e %3c/svg%3e");
780
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 3%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6%2c4'/%3e %3cpath d='M6%2c4h8c2.21%2c0%2c4%2c1.79%2c4%2c4s-1.79%2c4-4%2c4l-6%2c0'/%3e %3cpath d='M15%2c12c2.21%2c0%2c4%2c1.79%2c4%2c4s-1.79%2c4-4%2c4H6'/%3e %3cline x1='8' y1='4' x2='8' y2='20'/%3e %3c/svg%3e");
781
- }
782
- .dito-icon-bookmark {
783
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'/%3e %3c/svg%3e");
784
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'/%3e %3c/svg%3e");
785
- }
786
- .dito-icon-bullet-list {
787
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='9' y1='4' x2='21' y2='4'/%3e %3cline x1='9' y1='12' x2='21' y2='12'/%3e %3cline x1='9' y1='20' x2='21' y2='20'/%3e %3ccircle cx='4' cy='4' r='1'/%3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='4' cy='20' r='1'/%3e %3c/svg%3e");
788
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='9' y1='4' x2='21' y2='4'/%3e %3cline x1='9' y1='12' x2='21' y2='12'/%3e %3cline x1='9' y1='20' x2='21' y2='20'/%3e %3ccircle cx='4' cy='4' r='1'/%3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='4' cy='20' r='1'/%3e %3c/svg%3e");
789
- }
790
- .dito-icon-calendar {
791
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3e %3cline x1='16' y1='2' x2='16' y2='6'/%3e %3cline x1='8' y1='2' x2='8' y2='6'/%3e %3cline x1='3' y1='10' x2='21' y2='10'/%3e %3c/svg%3e");
792
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3e %3cline x1='16' y1='2' x2='16' y2='6'/%3e %3cline x1='8' y1='2' x2='8' y2='6'/%3e %3cline x1='3' y1='10' x2='21' y2='10'/%3e %3c/svg%3e");
793
- }
794
- .dito-icon-chevron {
795
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='7%2c20 15%2c12 7%2c4'/%3e %3c/svg%3e");
796
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='7%2c20 15%2c12 7%2c4'/%3e %3c/svg%3e");
797
- }
798
- .dito-icon-chevrons {
799
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4%2c4 12%2c12 4%2c20'/%3e %3cpolyline points='12%2c4 20%2c12 12%2c20'/%3e %3c/svg%3e");
800
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4%2c4 12%2c12 4%2c20'/%3e %3cpolyline points='12%2c4 20%2c12 12%2c20'/%3e %3c/svg%3e");
801
- }
802
- .dito-icon-clear {
803
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='4' y1='4' x2='20' y2='20'/%3e %3cline x1='20' y1='4' x2='4' y2='20'/%3e %3c/svg%3e");
804
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='4' y1='4' x2='20' y2='20'/%3e %3cline x1='20' y1='4' x2='4' y2='20'/%3e %3c/svg%3e");
805
- }
806
- .dito-icon-clock {
807
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='10'/%3e %3cpolyline points='12 6 12 12 16 14'/%3e %3c/svg%3e");
808
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='10'/%3e %3cpolyline points='12 6 12 12 16 14'/%3e %3c/svg%3e");
809
- }
810
- .dito-icon-code-block {
811
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='7%2c6 1%2c12 7%2c18 '/%3e %3cline x1='10' y1='18' x2='14' y2='6'/%3e %3cpolyline points='17%2c18 23%2c12 17%2c6 '/%3e %3c/svg%3e");
812
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='7%2c6 1%2c12 7%2c18 '/%3e %3cline x1='10' y1='18' x2='14' y2='6'/%3e %3cpolyline points='17%2c18 23%2c12 17%2c6 '/%3e %3c/svg%3e");
813
- }
814
- .dito-icon-code {
815
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='9 6 3 12 9 18'/%3e %3cpolyline points='15 18 21 12 15 6'/%3e %3c/svg%3e");
816
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='9 6 3 12 9 18'/%3e %3cpolyline points='15 18 21 12 15 6'/%3e %3c/svg%3e");
817
- }
818
- .dito-icon-command {
819
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z'/%3e %3c/svg%3e");
820
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z'/%3e %3c/svg%3e");
821
- }
822
- .dito-icon-copy {
823
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='9' y='9' width='13' height='13' rx='2' ry='2'/%3e %3cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3e %3c/svg%3e");
824
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='9' y='9' width='13' height='13' rx='2' ry='2'/%3e %3cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3e %3c/svg%3e");
825
- }
826
- .dito-icon-credit-card {
827
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3e %3cline x1='1' y1='10' x2='23' y2='10'/%3e %3c/svg%3e");
828
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3e %3cline x1='1' y1='10' x2='23' y2='10'/%3e %3c/svg%3e");
829
- }
830
- .dito-icon-crop {
831
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.13 1L6 16a2 2 0 0 0 2 2h15'/%3e %3cpath d='M1 6.13L16 6a2 2 0 0 1 2 2v15'/%3e %3c/svg%3e");
832
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.13 1L6 16a2 2 0 0 0 2 2h15'/%3e %3cpath d='M1 6.13L16 6a2 2 0 0 1 2 2v15'/%3e %3c/svg%3e");
833
- }
834
- .dito-icon-dollar-sign {
835
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.5%2c16c0%2c2.49%2c2.46%2c4.5%2c5.5%2c4.5s5.5-2.01%2c5.5-4.5s-2.46-4.5-5.5-4.5c-2.7%2c0-5-1.79-5-4s2.3-4%2c5-4s5%2c1.79%2c5%2c4'/%3e %3cline x1='12' y1='23' x2='12' y2='1'/%3e %3c/svg%3e");
836
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.5%2c16c0%2c2.49%2c2.46%2c4.5%2c5.5%2c4.5s5.5-2.01%2c5.5-4.5s-2.46-4.5-5.5-4.5c-2.7%2c0-5-1.79-5-4s2.3-4%2c5-4s5%2c1.79%2c5%2c4'/%3e %3cline x1='12' y1='23' x2='12' y2='1'/%3e %3c/svg%3e");
837
- }
838
- .dito-icon-drag {
839
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='5%2c8%2c 12%2c1 19%2c8'/%3e %3cpolyline points='5%2c16%2c 12%2c23 19%2c16'/%3e %3c/svg%3e");
840
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='5%2c8%2c 12%2c1 19%2c8'/%3e %3cpolyline points='5%2c16%2c 12%2c23 19%2c16'/%3e %3c/svg%3e");
841
- }
842
- .dito-icon-edit {
843
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='2%2c16 16%2c2 20%2c6 6%2c20'/%3e %3cpolyline points='14%2c4 18%2c8'/%3e %3cpolygon points='6%2c20 2%2c20 2%2c16' style='fill:black%3b'/%3e %3c/svg%3e");
844
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='2%2c16 16%2c2 20%2c6 6%2c20'/%3e %3cpolyline points='14%2c4 18%2c8'/%3e %3cpolygon points='6%2c20 2%2c20 2%2c16' style='fill:black%3b'/%3e %3c/svg%3e");
845
- }
846
- .dito-icon-ellipsis {
847
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='12' cy='12' r='1'/%3e %3ccircle cx='20' cy='12' r='1'/%3e %3c/svg%3e");
848
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='12' cy='12' r='1'/%3e %3ccircle cx='20' cy='12' r='1'/%3e %3c/svg%3e");
849
- }
850
- .dito-icon-hash {
851
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='4' y1='9' x2='20' y2='9'/%3e %3cline x1='4' y1='15' x2='20' y2='15'/%3e %3cline x1='10' y1='3' x2='8' y2='21'/%3e %3cline x1='16' y1='3' x2='14' y2='21'/%3e %3c/svg%3e");
852
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='4' y1='9' x2='20' y2='9'/%3e %3cline x1='4' y1='15' x2='20' y2='15'/%3e %3cline x1='10' y1='3' x2='8' y2='21'/%3e %3cline x1='16' y1='3' x2='14' y2='21'/%3e %3c/svg%3e");
853
- }
854
- .dito-icon-heading-1 {
855
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline class='st0' x1='2' y1='5' x2='2' y2='19'/%3e %3cline class='st0' x1='10' y1='5' x2='10' y2='19'/%3e %3cline class='st0' x1='2' y1='12' x2='10' y2='12'/%3e %3cpolyline class='st0' points='15%2c10.25 21%2c5 21%2c19'/%3e %3c/svg%3e");
856
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline class='st0' x1='2' y1='5' x2='2' y2='19'/%3e %3cline class='st0' x1='10' y1='5' x2='10' y2='19'/%3e %3cline class='st0' x1='2' y1='12' x2='10' y2='12'/%3e %3cpolyline class='st0' points='15%2c10.25 21%2c5 21%2c19'/%3e %3c/svg%3e");
857
- }
858
- .dito-icon-heading-2 {
859
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline class='st0' x1='2' y1='5' x2='2' y2='19'/%3e %3cline class='st0' x1='10' y1='5' x2='10' y2='19'/%3e %3cline class='st0' x1='2' y1='12' x2='10' y2='12'/%3e %3cpath class='st0' d='M15%2c8.5C15%2c6.57%2c16.57%2c5%2c18.5%2c5S22%2c6.57%2c22%2c8.5c0%2c0.79-0.26%2c1.52-0.7%2c2.1L15%2c19h7'/%3e %3c/svg%3e");
860
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline class='st0' x1='2' y1='5' x2='2' y2='19'/%3e %3cline class='st0' x1='10' y1='5' x2='10' y2='19'/%3e %3cline class='st0' x1='2' y1='12' x2='10' y2='12'/%3e %3cpath class='st0' d='M15%2c8.5C15%2c6.57%2c16.57%2c5%2c18.5%2c5S22%2c6.57%2c22%2c8.5c0%2c0.79-0.26%2c1.52-0.7%2c2.1L15%2c19h7'/%3e %3c/svg%3e");
861
- }
862
- .dito-icon-heading-3 {
863
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline class='st0' x1='2' y1='5' x2='2' y2='19'/%3e %3cline class='st0' x1='10' y1='5' x2='10' y2='19'/%3e %3cline class='st0' x1='2' y1='12' x2='10' y2='12'/%3e %3cpath class='st0' d='M15.11%2c7.62C15.5%2c6.12%2c16.87%2c5%2c18.5%2c5C20.43%2c5%2c22%2c6.57%2c22%2c8.5S20.43%2c12%2c18.5%2c12c1.93%2c0%2c3.5%2c1.57%2c3.5%2c3.5S20.43%2c19%2c18.5%2c19c-1.63%2c0-3-1.12-3.39-2.62'/%3e %3c/svg%3e");
864
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline class='st0' x1='2' y1='5' x2='2' y2='19'/%3e %3cline class='st0' x1='10' y1='5' x2='10' y2='19'/%3e %3cline class='st0' x1='2' y1='12' x2='10' y2='12'/%3e %3cpath class='st0' d='M15.11%2c7.62C15.5%2c6.12%2c16.87%2c5%2c18.5%2c5C20.43%2c5%2c22%2c6.57%2c22%2c8.5S20.43%2c12%2c18.5%2c12c1.93%2c0%2c3.5%2c1.57%2c3.5%2c3.5S20.43%2c19%2c18.5%2c19c-1.63%2c0-3-1.12-3.39-2.62'/%3e %3c/svg%3e");
865
- }
866
- .dito-icon-heart {
867
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3e %3c/svg%3e");
868
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3e %3c/svg%3e");
869
- }
870
- .dito-icon-home {
871
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3e %3cpolyline points='9 22 9 12 15 12 15 22'/%3e %3c/svg%3e");
872
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3e %3cpolyline points='9 22 9 12 15 12 15 22'/%3e %3c/svg%3e");
873
- }
874
- .dito-icon-horizontal-rule {
875
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3cpolyline points='4%2c10 2%2c12 4%2c14 '/%3e %3cpolyline points='20%2c10 22%2c12 20%2c14 '/%3e %3c/svg%3e");
876
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3cpolyline points='4%2c10 2%2c12 4%2c14 '/%3e %3cpolyline points='20%2c10 22%2c12 20%2c14 '/%3e %3c/svg%3e");
877
- }
878
- .dito-icon-image {
879
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3e %3ccircle cx='8.5' cy='8.5' r='1.5'/%3e %3cpolyline points='21 15 16 10 5 21'/%3e %3c/svg%3e");
880
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3e %3ccircle cx='8.5' cy='8.5' r='1.5'/%3e %3cpolyline points='21 15 16 10 5 21'/%3e %3c/svg%3e");
881
- }
882
- .dito-icon-italic {
883
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='19' y1='4' x2='10' y2='4'/%3e %3cline x1='14' y1='20' x2='5' y2='20'/%3e %3cline x1='15' y1='4' x2='9' y2='20'/%3e %3c/svg%3e");
884
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='19' y1='4' x2='10' y2='4'/%3e %3cline x1='14' y1='20' x2='5' y2='20'/%3e %3cline x1='15' y1='4' x2='9' y2='20'/%3e %3c/svg%3e");
885
- }
886
- .dito-icon-link {
887
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='8' y1='16' x2='16' y2='8'/%3e %3cpath d='M11.82%2c8.18c-0.23-0.97%2c0.04-2.04%2c0.8-2.8l2.26-2.26c1.17-1.17%2c3.07-1.17%2c4.24%2c0l1.76%2c1.76 c1.17%2c1.17%2c1.17%2c3.07%2c0%2c4.24l-2.26%2c2.26c-0.76%2c0.76-1.83%2c1.03-2.8%2c0.8'/%3e %3cpath d='M12.18%2c15.82c0.23%2c0.97-0.04%2c2.04-0.8%2c2.8l-2.26%2c2.26c-1.17%2c1.17-3.07%2c1.17-4.24%2c0l-1.76-1.76 c-1.17-1.17-1.17-3.07%2c0-4.24l2.26-2.26c0.76-0.76%2c1.83-1.03%2c2.8-0.8'/%3e %3c/svg%3e");
888
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='8' y1='16' x2='16' y2='8'/%3e %3cpath d='M11.82%2c8.18c-0.23-0.97%2c0.04-2.04%2c0.8-2.8l2.26-2.26c1.17-1.17%2c3.07-1.17%2c4.24%2c0l1.76%2c1.76 c1.17%2c1.17%2c1.17%2c3.07%2c0%2c4.24l-2.26%2c2.26c-0.76%2c0.76-1.83%2c1.03-2.8%2c0.8'/%3e %3cpath d='M12.18%2c15.82c0.23%2c0.97-0.04%2c2.04-0.8%2c2.8l-2.26%2c2.26c-1.17%2c1.17-3.07%2c1.17-4.24%2c0l-1.76-1.76 c-1.17-1.17-1.17-3.07%2c0-4.24l2.26-2.26c0.76-0.76%2c1.83-1.03%2c2.8-0.8'/%3e %3c/svg%3e");
889
- }
890
- .dito-icon-mail {
891
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3e %3cpolyline points='22%2c6 12%2c13 2%2c6'/%3e %3c/svg%3e");
892
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3e %3cpolyline points='22%2c6 12%2c13 2%2c6'/%3e %3c/svg%3e");
893
- }
894
- .dito-icon-menu {
895
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='3' y1='12' x2='21' y2='12'/%3e %3cline x1='3' y1='6' x2='21' y2='6'/%3e %3cline x1='3' y1='18' x2='21' y2='18'/%3e %3c/svg%3e");
896
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='3' y1='12' x2='21' y2='12'/%3e %3cline x1='3' y1='6' x2='21' y2='6'/%3e %3cline x1='3' y1='18' x2='21' y2='18'/%3e %3c/svg%3e");
897
- }
898
- .dito-icon-ordered-list {
899
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='9' y1='4' x2='21' y2='4'/%3e %3cline x1='9' y1='12' x2='21' y2='12'/%3e %3cline x1='9' y1='20' x2='21' y2='20'/%3e %3cg style='stroke-width: 1.5%3b'%3e %3cpolyline points='2.5%2c3.5 4%2c2 4%2c6'/%3e %3cpath d='M3%2c11c0-0.55%2c0.45-1%2c1-1s1%2c0.45%2c1%2c1c0%2c0.23-0.07%2c0.43-0.2%2c0.6L3%2c14h2'/%3e %3cpath d='M3.03%2c18.75C3.14%2c18.32%2c3.53%2c18%2c4%2c18c0.55%2c0%2c1%2c0.45%2c1%2c1s-0.45%2c1-1%2c1c0.55%2c0%2c1%2c0.45%2c1%2c1s-0.45%2c1-1%2c1c-0.47%2c0-0.86-0.32-0.97-0.75'/%3e %3c/g%3e %3c/svg%3e");
900
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='9' y1='4' x2='21' y2='4'/%3e %3cline x1='9' y1='12' x2='21' y2='12'/%3e %3cline x1='9' y1='20' x2='21' y2='20'/%3e %3cg style='stroke-width: 1.5%3b'%3e %3cpolyline points='2.5%2c3.5 4%2c2 4%2c6'/%3e %3cpath d='M3%2c11c0-0.55%2c0.45-1%2c1-1s1%2c0.45%2c1%2c1c0%2c0.23-0.07%2c0.43-0.2%2c0.6L3%2c14h2'/%3e %3cpath d='M3.03%2c18.75C3.14%2c18.32%2c3.53%2c18%2c4%2c18c0.55%2c0%2c1%2c0.45%2c1%2c1s-0.45%2c1-1%2c1c0.55%2c0%2c1%2c0.45%2c1%2c1s-0.45%2c1-1%2c1c-0.47%2c0-0.86-0.32-0.97-0.75'/%3e %3c/g%3e %3c/svg%3e");
901
- }
902
- .dito-icon-paperclip {
903
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3e %3c/svg%3e");
904
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3e %3c/svg%3e");
905
- }
906
- .dito-icon-paragraph {
907
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M22%2c2H7.5C4.5%2c2%2c2%2c4.5%2c2%2c7.5S4.5%2c13%2c7.5%2c13H11'/%3e %3cline x1='11' y1='2' x2='11' y2='22'/%3e %3cline x1='18' y1='2' x2='18' y2='22'/%3e %3c/svg%3e");
908
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M22%2c2H7.5C4.5%2c2%2c2%2c4.5%2c2%2c7.5S4.5%2c13%2c7.5%2c13H11'/%3e %3cline x1='11' y1='2' x2='11' y2='22'/%3e %3cline x1='18' y1='2' x2='18' y2='22'/%3e %3c/svg%3e");
909
- }
910
- .dito-icon-paste {
911
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='8' y='2' width='8' height='4' rx='1' ry='1'/%3e %3cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3e %3c/svg%3e");
912
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='8' y='2' width='8' height='4' rx='1' ry='1'/%3e %3cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3e %3c/svg%3e");
913
- }
914
- .dito-icon-percent {
915
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='19' y1='5' x2='5' y2='19'/%3e %3ccircle cx='6.5' cy='6.5' r='2.5'/%3e %3ccircle cx='17.5' cy='17.5' r='2.5'/%3e %3c/svg%3e");
916
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='19' y1='5' x2='5' y2='19'/%3e %3ccircle cx='6.5' cy='6.5' r='2.5'/%3e %3ccircle cx='17.5' cy='17.5' r='2.5'/%3e %3c/svg%3e");
917
- }
918
- .dito-icon-redo {
919
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M3%2c16C3%2c12.12%2c6.12%2c9%2c10%2c9c1.94%2c0%2c3.73%2c0.73%2c5%2c2l5%2c5'/%3e %3cpolyline points='20%2c10 20%2c16 14%2c16'/%3e %3c/svg%3e");
920
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M3%2c16C3%2c12.12%2c6.12%2c9%2c10%2c9c1.94%2c0%2c3.73%2c0.73%2c5%2c2l5%2c5'/%3e %3cpolyline points='20%2c10 20%2c16 14%2c16'/%3e %3c/svg%3e");
921
- }
922
- .dito-icon-refresh {
923
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='23 4 23 10 17 10'/%3e %3cpolyline points='1 20 1 14 7 14'/%3e %3cpath d='M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15'/%3e %3c/svg%3e");
924
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='23 4 23 10 17 10'/%3e %3cpolyline points='1 20 1 14 7 14'/%3e %3cpath d='M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15'/%3e %3c/svg%3e");
925
- }
926
- .dito-icon-remove {
927
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e");
928
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e");
929
- }
930
- .dito-icon-resize {
931
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 1.5%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='8' y1='22' x2='22' y2='8'/%3e %3cline x1='16' y1='22' x2='22' y2='16'/%3e %3c/svg%3e");
932
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 1.5%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='8' y1='22' x2='22' y2='8'/%3e %3cline x1='16' y1='22' x2='22' y2='16'/%3e %3c/svg%3e");
933
- }
934
- .dito-icon-search {
935
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='11' cy='11' r='8'/%3e %3cline x1='21' y1='21' x2='16.65' y2='16.65'/%3e %3c/svg%3e");
936
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='11' cy='11' r='8'/%3e %3cline x1='21' y1='21' x2='16.65' y2='16.65'/%3e %3c/svg%3e");
937
- }
938
- .dito-icon-settings {
939
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='3'/%3e %3cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'/%3e %3c/svg%3e");
940
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='3'/%3e %3cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'/%3e %3c/svg%3e");
941
- }
942
- .dito-icon-small {
943
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M8.8%2c19c0%2c1.5%2c1.5%2c2.5%2c3.2%2c2.5s3.2-1%2c3.2-2.5s-1.5-2.5-3.2-2.5c-1.6%2c0-3-1.2-3-2.5s1.4-2.5%2c3-2.5s3%2c1.2%2c3%2c2.5'/%3e %3cline x1='12' y1='8' x2='12' y2='1'/%3e %3cpolyline points='8.9%2c5 12%2c8 15%2c5'/%3e %3c/svg%3e");
944
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M8.8%2c19c0%2c1.5%2c1.5%2c2.5%2c3.2%2c2.5s3.2-1%2c3.2-2.5s-1.5-2.5-3.2-2.5c-1.6%2c0-3-1.2-3-2.5s1.4-2.5%2c3-2.5s3%2c1.2%2c3%2c2.5'/%3e %3cline x1='12' y1='8' x2='12' y2='1'/%3e %3cpolyline points='8.9%2c5 12%2c8 15%2c5'/%3e %3c/svg%3e");
945
- }
946
- .dito-icon-strike {
947
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.5%2c16c0%2c2.49%2c2.46%2c4.5%2c5.5%2c4.5s5.5-2.01%2c5.5-4.5s-2.46-4.5-5.5-4.5c-2.7%2c0-5-1.79-5-4s2.3-4%2c5-4s5%2c1.79%2c5%2c4'/%3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e");
948
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.5%2c16c0%2c2.49%2c2.46%2c4.5%2c5.5%2c4.5s5.5-2.01%2c5.5-4.5s-2.46-4.5-5.5-4.5c-2.7%2c0-5-1.79-5-4s2.3-4%2c5-4s5%2c1.79%2c5%2c4'/%3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e");
949
- }
950
- .dito-icon-tag {
951
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3e %3cline x1='7' y1='7' x2='7' y2='7'/%3e %3c/svg%3e");
952
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3e %3cline x1='7' y1='7' x2='7' y2='7'/%3e %3c/svg%3e");
953
- }
954
- .dito-icon-trash {
955
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='3 6 5 6 21 6'/%3e %3cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3e %3cline x1='10' y1='11' x2='10' y2='17'/%3e %3cline x1='14' y1='11' x2='14' y2='17'/%3e %3c/svg%3e");
956
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='3 6 5 6 21 6'/%3e %3cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3e %3cline x1='10' y1='11' x2='10' y2='17'/%3e %3cline x1='14' y1='11' x2='14' y2='17'/%3e %3c/svg%3e");
957
- }
958
- .dito-icon-type {
959
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4 7 4 4 20 4 20 7'/%3e %3cline x1='9' y1='20' x2='15' y2='20'/%3e %3cline x1='12' y1='4' x2='12' y2='20'/%3e %3c/svg%3e");
960
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4 7 4 4 20 4 20 7'/%3e %3cline x1='9' y1='20' x2='15' y2='20'/%3e %3cline x1='12' y1='4' x2='12' y2='20'/%3e %3c/svg%3e");
961
- }
962
- .dito-icon-underline {
963
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3'/%3e %3cline x1='4' y1='21' x2='20' y2='21'/%3e %3c/svg%3e");
964
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3'/%3e %3cline x1='4' y1='21' x2='20' y2='21'/%3e %3c/svg%3e");
965
- }
966
- .dito-icon-undo {
967
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='3%2c15 3%2c9 9%2c9'/%3e %3cpath d='M20%2c9c0%2c3.87-3.12%2c7-7%2c7c-1.94%2c0-3.73-0.73-5-2L3%2c9'/%3e %3c/svg%3e");
968
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='3%2c15 3%2c9 9%2c9'/%3e %3cpath d='M20%2c9c0%2c3.87-3.12%2c7-7%2c7c-1.94%2c0-3.73-0.73-5-2L3%2c9'/%3e %3c/svg%3e");
969
- }.dito-pagination .dito-button-ellipsis-prev::before, .dito-pagination .dito-button-ellipsis-next::before, .dito-pagination .dito-button-ellipsis-prev:hover::before, .dito-pagination .dito-button-ellipsis-next:hover::before, .dito-pagination .dito-button-prev::before, .dito-pagination .dito-button-next::before {
970
- width: 1em;
971
- position: absolute;
972
- top: 0;
973
- right: 0;
974
- bottom: 0;
975
- left: 0;
976
- margin: auto;
977
- content: "";
978
- background: currentColor;
979
- -webkit-mask: none no-repeat center content-box;
980
- mask: none no-repeat center content-box;
981
- }
982
- .dito-pagination .dito-button-prev::before, .dito-pagination .dito-button-next::before {
983
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='8%2c4 16%2c12 8%2c20'/%3e %3c/svg%3e");
984
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='8%2c4 16%2c12 8%2c20'/%3e %3c/svg%3e");
985
- }
986
- .dito-pagination .dito-button-ellipsis-prev:hover::before, .dito-pagination .dito-button-ellipsis-next:hover::before {
987
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4%2c4 12%2c12 4%2c20'/%3e %3cpolyline points='12%2c4 20%2c12 12%2c20'/%3e %3c/svg%3e");
988
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4%2c4 12%2c12 4%2c20'/%3e %3cpolyline points='12%2c4 20%2c12 12%2c20'/%3e %3c/svg%3e");
989
- }
990
- .dito-pagination .dito-button-ellipsis-prev::before, .dito-pagination .dito-button-ellipsis-next::before {
991
- -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='12' cy='12' r='1'/%3e %3ccircle cx='20' cy='12' r='1'/%3e %3c/svg%3e");
992
- mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='12' cy='12' r='1'/%3e %3ccircle cx='20' cy='12' r='1'/%3e %3c/svg%3e");
993
- }
994
- .dito-pagination {
995
- display: -webkit-box;
996
- display: -ms-flexbox;
997
- display: flex;
998
- }
999
- .dito-pagination .dito-pagination-total {
1000
- overflow: hidden;
1001
- text-overflow: ellipsis;
1002
- white-space: nowrap;
1003
- margin: 0 0.5em;
1004
- line-height: 2em;
1005
- }
1006
- .dito-pagination .dito-button {
1007
- -webkit-transition: all 0.3s ease, color 0s, background 0s, border 0s;
1008
- transition: all 0.3s ease, color 0s, background 0s, border 0s;
1009
- font-variant-numeric: tabular-nums;
1010
- padding: 0 0.5em;
1011
- }
1012
- .dito-pagination .dito-button-prev::before {
1013
- -webkit-transform: scaleX(-1);
1014
- transform: scaleX(-1);
1015
- }
1016
- .dito-pagination .dito-button-ellipsis-prev, .dito-pagination .dito-button-ellipsis-next {
1017
- background: none;
1018
- border: 0;
1019
- padding: 0;
1020
- margin: 0;
1021
- color: hsl(0deg, 0%, 4%);
1022
- }
1023
- .dito-pagination .dito-button-ellipsis-prev:focus, .dito-pagination .dito-button-ellipsis-next:focus {
1024
- color: hsl(211deg, 100%, 61%);
1025
- }
1026
- .dito-pagination .dito-button-ellipsis-prev:active, .dito-pagination .dito-button-ellipsis-next:active {
1027
- -webkit-box-shadow: none;
1028
- box-shadow: none;
1029
- }
1030
- .dito-pagination .dito-button-ellipsis-prev::before {
1031
- -webkit-transform: scaleX(-1);
1032
- transform: scaleX(-1);
1033
- }.dito-switch.dito-disabled {
1034
- opacity: 0.6;
1035
- pointer-events: none;
1036
- }
1037
- .dito-switch {
1038
- --switch-width: 4rem;
1039
- --switch-height: 2rem;
1040
- --switch-margin: 2px;
1041
- --switch-padding: 3px;
1042
- --switch-speed: 300ms;
1043
- --label-margin: 0.5em;
1044
- --width: calc(var(--switch-width) - 2 * var(--switch-margin));
1045
- --height: calc(var(--switch-height) - 2 * var(--switch-margin));
1046
- --offset: calc(var(--width) - var(--height));
1047
- display: inline-block;
1048
- position: relative;
1049
- height: var(--switch-height);
1050
- vertical-align: -25%;
1051
- -webkit-user-select: none;
1052
- -moz-user-select: none;
1053
- -ms-user-select: none;
1054
- user-select: none;
1055
- -webkit-user-drag: none;
1056
- }
1057
- .dito-switch .dito-switch-pane {
1058
- position: relative;
1059
- width: var(--width);
1060
- height: var(--height);
1061
- }
1062
- .dito-switch .dito-switch-pane,
1063
- .dito-switch .dito-switch-label {
1064
- top: 50%;
1065
- -webkit-transform: translateY(-50%);
1066
- transform: translateY(-50%);
1067
- }
1068
- .dito-switch input {
1069
- cursor: pointer;
1070
- -webkit-appearance: none;
1071
- -moz-appearance: none;
1072
- appearance: none;
1073
- width: 100%;
1074
- height: 100%;
1075
- border-radius: 1em;
1076
- background: hsl(0deg, 0%, 78%);
1077
- -webkit-transition: border-color 0.3s, background-color 0.3s;
1078
- transition: border-color 0.3s, background-color 0.3s;
1079
- }
1080
- .dito-switch .dito-switch-button {
1081
- position: absolute;
1082
- font-size: calc(var(--height) - 2 * var(--switch-padding));
1083
- top: var(--switch-padding);
1084
- left: var(--switch-padding);
1085
- width: 1em;
1086
- height: 1em;
1087
- border-radius: 0.5em;
1088
- -webkit-box-sizing: border-box;
1089
- box-sizing: border-box;
1090
- background: hsl(0deg, 0%, 100%);
1091
- -webkit-transition: -webkit-transform var(--switch-speed);
1092
- transition: -webkit-transform var(--switch-speed);
1093
- transition: transform var(--switch-speed);
1094
- transition: transform var(--switch-speed), -webkit-transform var(--switch-speed);
1095
- -webkit-transform: translateX(0);
1096
- transform: translateX(0);
1097
- }
1098
- .dito-switch .dito-switch-button,
1099
- .dito-switch .dito-switch-label {
1100
- pointer-events: none;
1101
- }
1102
- .dito-switch .dito-switch-label {
1103
- position: absolute;
1104
- right: var(--label-margin);
1105
- text-transform: uppercase;
1106
- color: hsl(0deg, 0%, 100%);
1107
- }
1108
- .dito-switch.dito-checked input {
1109
- background: hsl(211deg, 100%, 61%);
1110
- }
1111
- .dito-switch.dito-checked .dito-switch-button {
1112
- -webkit-transform: translateX(var(--offset));
1113
- transform: translateX(var(--offset));
1114
- }
1115
- .dito-switch.dito-checked .dito-switch-label {
1116
- left: var(--label-margin);
1117
- right: unset;
1118
- }
1119
- .dito-switch:focus-within:not(:hover) .dito-switch-button {
1120
- -webkit-box-shadow: 0 0 0 1px hsl(211deg, 100%, 61%);
1121
- box-shadow: 0 0 0 1px hsl(211deg, 100%, 61%);
1122
- }.height-enter-active,
1123
- .height-leave-active {
1124
- -webkit-transition: height 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
1125
- transition: height 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
1126
- overflow: hidden;
1127
- }
1128
- .height-enter-active {
1129
- -webkit-animation: slide-enter 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
1130
- animation: slide-enter 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
1131
- }
1132
- .height-leave-active {
1133
- -webkit-animation: slide-leave 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
1134
- animation: slide-leave 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
1135
- }
1136
- .height-enter,
1137
- .height-leave-to {
1138
- height: 0;
1139
- }