mce 0.23.0 → 0.24.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1,1906 +1,2 @@
1
- .m-icon {
2
- align-items: center;
3
- display: inline-flex;
4
- font-feature-settings: "liga";
5
- height: 1em;
6
- justify-content: center;
7
- letter-spacing: normal;
8
- line-height: 1;
9
- position: relative;
10
- opacity: var(--m-icon-opacity, 1);
11
- text-indent: 0;
12
- text-align: center;
13
- -webkit-user-select: none;
14
- user-select: none;
15
- vertical-align: middle;
16
- width: 1em;
17
- min-width: 1em;
18
- }
19
- .m-icon__svg {
20
- fill: currentColor;
21
- width: 100%;
22
- height: 100%;
23
- }.m-frame {
24
- position: absolute;
25
- }
26
- .m-frame--outline {
27
- outline: 1px solid rgba(0, 0, 0, 0.168627451);
28
- }
29
- .m-frame--lock {
30
- pointer-events: none;
31
- }
32
- .m-frame--hover .m-frame__name > div, .m-frame--selected .m-frame__name > div {
33
- opacity: 1;
34
- }
35
- .m-frame__name {
36
- position: absolute;
37
- top: 0;
38
- left: 0;
39
- transform: translate(0%, -100%) translate(0px, -4px);
40
- transform-origin: left bottom;
41
- font-size: 0.75rem;
42
- line-height: 1.5;
43
- pointer-events: auto;
44
- user-select: none;
45
- max-width: 100%;
46
- }
47
- .m-frame__name > div {
48
- position: relative;
49
- min-width: 28px;
50
- box-sizing: content-box;
51
- color: rgb(var(--m-theme-on-surface));
52
- opacity: 0.5;
53
- max-width: 100%;
54
- white-space: nowrap;
55
- overflow: hidden;
56
- text-overflow: ellipsis;
57
- }
58
- .m-frame__name > input {
59
- position: absolute;
60
- left: 0;
61
- top: 0;
62
- padding: 0;
63
- width: 100%;
64
- height: 100%;
65
- border: none;
66
- outline: 1px solid rgb(var(--m-theme-primary));
67
- cursor: default;
68
- font-size: inherit;
69
- font-weight: inherit;
70
- border-radius: 2px;
71
- }.m-frames {
72
- position: absolute;
73
- left: 0;
74
- top: 0;
75
- right: 0;
76
- bottom: 0;
77
- }.m-hover {
78
- position: absolute;
79
- border-style: solid;
80
- border-width: 2px;
81
- color: rgba(var(--m-theme-primary), 1);
82
- }.m-btn {
83
- padding: 4px;
84
- border-radius: 4px;
85
- font-size: 0.75rem;
86
- display: flex;
87
- align-items: center;
88
- justify-content: center;
89
- cursor: pointer;
90
- }
91
- .m-btn:hover {
92
- color: rgb(var(--m-theme-on-background));
93
- background: rgb(var(--m-theme-background));
94
- }
95
- .m-btn--icon {
96
- height: 24px;
97
- width: 24px;
98
- }
99
- .m-btn.m-btn--active {
100
- color: rgb(var(--m-theme-on-primary));
101
- background: rgb(var(--m-theme-primary));
102
- }.m-layer {
103
- position: relative;
104
- flex: none;
105
- display: flex;
106
- align-items: center;
107
- height: 32px;
108
- font-size: 0.75rem;
109
- padding-left: var(--indent-padding, 0);
110
- width: 100%;
111
- min-width: max-content;
112
- border-radius: 4px;
113
- }
114
- .m-layer__underlay, .m-layer__overlay {
115
- position: absolute;
116
- left: 12px;
117
- right: 0;
118
- top: 4px;
119
- bottom: 4px;
120
- pointer-events: none;
121
- border-radius: inherit;
122
- }
123
- .m-layer__underlay {
124
- background-color: var(--underlay-color, transparent);
125
- }
126
- .m-layer__overlay {
127
- background-color: var(--overlay-color, transparent);
128
- }
129
- .m-layer--root {
130
- font-weight: bold;
131
- }
132
- .m-layer--root .m-layer__thumbnail {
133
- display: none;
134
- }
135
- .m-layer--hover {
136
- --overlay-color: rgba(var(--m-theme-on-background), var(--m-hover-opacity));
137
- }
138
- .m-layer--active {
139
- --underlay-color: rgba(var(--m-theme-primary), calc(var(--m-activated-opacity) * 2));
140
- }
141
- .m-layer--active:hover {
142
- --overlay-color: rgba(var(--m-theme-primary), calc(var(--m-hover-opacity) * 2));
143
- }
144
- .m-layer--active .m-layer__underlay {
145
- top: 0;
146
- bottom: 0;
147
- border-radius: 0;
148
- }
149
- .m-layer--active:not(.m-layer--active + .m-layer--active) .m-layer__underlay {
150
- border-top-left-radius: 4px;
151
- border-top-right-radius: 4px;
152
- top: 4px;
153
- }
154
- .m-layer--active:not(:has(+ .m-layer--active)) .m-layer__underlay {
155
- border-bottom-left-radius: 4px;
156
- border-bottom-right-radius: 4px;
157
- bottom: 4px;
158
- }
159
- .m-layer--selected {
160
- --underlay-color: rgba(var(--m-theme-primary), calc(var(--m-activated-opacity) * 3));
161
- }
162
- .m-layer--open .m-layer__prepend .m-icon {
163
- transform: rotate(90deg);
164
- }
165
- .m-layer__arrow {
166
- margin-left: 2px;
167
- opacity: 0.6;
168
- }
169
- .m-layer__prepend {
170
- display: flex;
171
- align-items: center;
172
- width: 16px;
173
- height: 100%;
174
- flex: none;
175
- }
176
- .m-layer--dropping .m-layer__content:after {
177
- content: "";
178
- position: absolute;
179
- left: 0;
180
- right: 0;
181
- bottom: 0;
182
- height: 2px;
183
- background-color: rgb(var(--m-theme-on-background));
184
- pointer-events: none;
185
- border-radius: inherit;
186
- }
187
- .m-layer__content {
188
- position: relative;
189
- flex: 1;
190
- display: flex;
191
- align-items: center;
192
- height: 100%;
193
- }
194
- .m-layer__thumbnail {
195
- display: flex;
196
- align-items: center;
197
- width: 12px;
198
- height: 100%;
199
- font-size: 0.75rem;
200
- overflow: hidden;
201
- margin-right: 4px;
202
- }
203
- .m-layer__name {
204
- position: relative;
205
- flex: 1;
206
- overscroll-behavior: none;
207
- }
208
- .m-layer__input {
209
- position: absolute;
210
- left: 0;
211
- top: 0;
212
- padding: 0;
213
- width: 100%;
214
- height: 100%;
215
- border: none;
216
- outline: 1px solid rgb(var(--m-theme-primary));
217
- font-size: inherit;
218
- font-weight: inherit;
219
- border-radius: 2px;
220
- }
221
- .m-layer__action {
222
- position: sticky;
223
- right: 0;
224
- flex: none;
225
- display: flex;
226
- align-items: center;
227
- border-radius: 4px;
228
- background-color: transparent;
229
- backdrop-filter: none;
230
- }
231
- .m-layer__action .m-layer__btn {
232
- opacity: 0;
233
- }
234
- .m-layer__action--hover .m-layer__btn {
235
- opacity: 1;
236
- }
237
- .m-layer__action--show {
238
- background-color: var(--overlay-color, transparent);
239
- backdrop-filter: blur(8px);
240
- }
241
- .m-layer__btn--show {
242
- opacity: 1 !important;
243
- }
244
- .m-layer__btn + .m-layer__btn {
245
- margin-left: -4px;
246
- }.m-layers {
247
- position: relative;
248
- width: 100%;
249
- height: 100%;
250
- min-width: auto;
251
- overflow: auto;
252
- background-color: rgb(var(--m-theme-surface));
253
- padding-right: 8px;
254
- }
255
- .m-layers__wrapper {
256
- width: max-content;
257
- min-width: 100%;
258
- }
259
- .m-layers .m-layer__prepend {
260
- opacity: 0;
261
- }
262
- .m-layers .m-layer--root:hover .m-layer__prepend {
263
- opacity: 1;
264
- }
265
- .m-layers:hover .m-layer:not(.m-layer--root) .m-layer__prepend {
266
- opacity: 1;
267
- }
268
- .m-layers .m-layer {
269
- scroll-margin: 8px;
270
- }.m-made-with {
271
- pointer-events: auto !important;
272
- position: absolute;
273
- right: 18px;
274
- bottom: 18px;
275
- opacity: 0.38;
276
- color: #000;
277
- text-align: center;
278
- font-size: 0.75rem;
279
- line-height: 1;
280
- border: 2px solid currentColor;
281
- padding: 2px 4px;
282
- border-radius: 4px;
283
- box-sizing: border-box;
284
- font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
285
- text-decoration: none;
286
- }
287
- .m-made-with div:last-child {
288
- font-weight: bold;
289
- letter-spacing: 1px;
290
- }.m-manage-memory {
291
- padding: 12px;
292
- font-size: 12px;
293
- display: flex;
294
- align-items: center;
295
- justify-content: space-between;
296
- }.m-overlay {
297
- position: absolute;
298
- display: flex;
299
- inset: 0;
300
- pointer-events: none;
301
- }
302
- .m-overlay-content > * {
303
- pointer-events: auto;
304
- }.m-menu {
305
- user-select: none;
306
- }
307
- .m-list {
308
- display: flex;
309
- flex-direction: column;
310
- background-color: rgb(var(--m-theme-on-surface));
311
- color: rgb(var(--m-theme-surface));
312
- box-shadow: var(--m-shadow);
313
- padding: 8px;
314
- border-radius: 8px;
315
- gap: 2px;
316
- max-height: inherit;
317
- overflow-y: auto;
318
- }
319
- .m-list__divider {
320
- border-bottom: 1px solid rgba(var(--m-theme-surface), 0.12);
321
- }
322
- .m-list-item {
323
- display: flex;
324
- width: 100%;
325
- padding: 4px 8px;
326
- border-radius: 4px;
327
- cursor: pointer;
328
- align-items: center;
329
- gap: 12px;
330
- }
331
- .m-list-item--opened, .m-list-item:hover {
332
- background-color: rgba(var(--m-theme-primary), 1);
333
- color: rgba(var(--m-theme-on-primary), 1);
334
- }
335
- .m-list-item--disabled {
336
- pointer-events: none;
337
- user-select: none;
338
- opacity: 0.4;
339
- }
340
- .m-list-item__prepend, .m-list-item__checked {
341
- width: 12px;
342
- height: 12px;
343
- display: flex;
344
- align-items: center;
345
- justify-content: center;
346
- font-size: 0.875rem;
347
- }
348
- .m-list-item__title {
349
- flex: 1;
350
- display: flex;
351
- align-items: center;
352
- font-size: 0.75rem;
353
- white-space: nowrap;
354
- }
355
- .m-list-item__kbd {
356
- font-size: 0.75rem;
357
- white-space: nowrap;
358
- letter-spacing: 0.08em;
359
- margin-left: 24px;
360
- opacity: 0.3;
361
- }
362
- .m-list-item__append {
363
- width: 12px;
364
- height: 12px;
365
- display: flex;
366
- align-items: center;
367
- justify-content: center;
368
- font-size: 0.75rem;
369
- margin-right: -6px;
370
- }.m-context-menu {
371
- pointer-events: auto;
372
- left: 0;
373
- top: 0;
374
- width: 100%;
375
- height: 100%;
376
- }
377
- .m-context-menu .m-overlay-content {
378
- max-height: var(--max-height);
379
- }.m-creator {
380
- position: relative;
381
- width: 100%;
382
- height: 100%;
383
- display: flex;
384
- flex-direction: column;
385
- overflow: hidden;
386
- }
387
- .m-creator__tree {
388
- flex: 1;
389
- padding: 8px;
390
- width: 100%;
391
- overflow: auto;
392
- }
393
- .m-creator__node {
394
- position: relative;
395
- flex: none;
396
- display: flex;
397
- align-items: center;
398
- height: 32px;
399
- font-size: 0.75rem;
400
- padding-left: calc(4px + var(--indent-padding, 0));
401
- width: 100%;
402
- min-width: max-content;
403
- border-radius: 4px;
404
- }
405
- .m-creator__node:before {
406
- content: "";
407
- position: absolute;
408
- left: 0;
409
- right: 0;
410
- top: 4px;
411
- bottom: 4px;
412
- background-color: var(--underlay-color, transparent);
413
- pointer-events: none;
414
- border-radius: inherit;
415
- }
416
- .m-creator__node:after {
417
- content: "";
418
- position: absolute;
419
- left: 0;
420
- right: 0;
421
- top: 4px;
422
- bottom: 4px;
423
- background-color: var(--overlay-color, transparent);
424
- pointer-events: none;
425
- border-radius: inherit;
426
- }
427
- .m-creator__node:hover {
428
- --overlay-color: rgba(var(--m-theme-on-background), var(--m-hover-opacity));
429
- }
430
- .m-creator__node--active {
431
- --underlay-color: rgba(var(--m-theme-primary), calc(var(--m-activated-opacity) * 3));
432
- }
433
- .m-creator__node--active:hover {
434
- --overlay-color: rgba(var(--m-theme-primary), var(--m-hover-opacity));
435
- }
436
- .m-creator__actions {
437
- display: flex;
438
- align-items: center;
439
- justify-content: space-evenly;
440
- height: 24px;
441
- padding: 8px;
442
- flex-basis: max-content;
443
- border-top: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
444
- }.m-tooltip .m-overlay-content {
445
- background: rgb(var(--m-theme-surface-variant));
446
- color: rgb(var(--m-theme-on-surface-variant));
447
- border-radius: 4px;
448
- font-size: 0.75rem;
449
- line-height: 1;
450
- display: inline-block;
451
- padding: 8px;
452
- text-transform: initial;
453
- width: auto;
454
- opacity: 1;
455
- transition-property: opacity, transform;
456
- overflow-wrap: break-word;
457
- box-shadow: var(--m-shadow);
458
- }
459
- .m-tooltip__content {
460
- display: flex;
461
- align-items: center;
462
- }
463
- .m-tooltip__arrow {
464
- position: absolute;
465
- width: 0;
466
- height: 0;
467
- border-style: solid;
468
- border-color: transparent;
469
- border-width: 6px;
470
- z-index: 15;
471
- }
472
- .m-tooltip--side-left .m-tooltip__arrow {
473
- right: 0;
474
- top: 50%;
475
- transform: translate(100%, -50%);
476
- border-right: none;
477
- border-left-color: rgb(var(--m-theme-surface-variant));
478
- }
479
- .m-tooltip--side-left.m-tooltip--align-start .m-tooltip__arrow {
480
- top: 25%;
481
- }
482
- .m-tooltip--side-left.m-tooltip--align-end .m-tooltip__arrow {
483
- top: 75%;
484
- }
485
- .m-tooltip--side-top .m-tooltip__arrow {
486
- left: 50%;
487
- bottom: 0;
488
- transform: translate(-50%, 100%);
489
- border-bottom: none;
490
- border-top-color: rgb(var(--m-theme-surface-variant));
491
- }
492
- .m-tooltip--side-top.m-tooltip--align-start .m-tooltip__arrow {
493
- left: 25%;
494
- }
495
- .m-tooltip--side-top.m-tooltip--align-end .m-tooltip__arrow {
496
- left: 75%;
497
- }
498
- .m-tooltip--side-right .m-tooltip__arrow {
499
- left: 0;
500
- top: 50%;
501
- transform: translate(-100%, -50%);
502
- border-left: none;
503
- border-right-color: rgb(var(--m-theme-surface-variant));
504
- }
505
- .m-tooltip--side-right.m-tooltip--align-start .m-tooltip__arrow {
506
- top: 25%;
507
- }
508
- .m-tooltip--side-right.m-tooltip--align-end .m-tooltip__arrow {
509
- top: 75%;
510
- }
511
- .m-tooltip--side-bottom .m-tooltip__arrow {
512
- left: 50%;
513
- top: 0;
514
- transform: translate(-50%, -100%);
515
- border-top: none;
516
- border-bottom-color: rgb(var(--m-theme-surface-variant));
517
- }
518
- .m-tooltip--side-bottom.m-tooltip--align-start .m-tooltip__arrow {
519
- left: 25%;
520
- }
521
- .m-tooltip--side-bottom.m-tooltip--align-end .m-tooltip__arrow {
522
- left: 75%;
523
- }
524
- .m-tooltip__kbd {
525
- font-size: 0.75rem;
526
- white-space: nowrap;
527
- letter-spacing: 0.08em;
528
- margin-left: 16px;
529
- opacity: 0.3;
530
- }.m-ruler {
531
- position: absolute;
532
- left: 0;
533
- top: 0;
534
- width: 100%;
535
- height: 100%;
536
- --text-color: rgba(var(--m-theme-on-background), var(--m-low-emphasis-opacity));
537
- --border-color: rgba(var(--m-border-color), var(--m-border-opacity));
538
- }
539
- .m-ruler--vertical {
540
- width: var(--size);
541
- }
542
- .m-ruler--horizontal {
543
- height: var(--size);
544
- }
545
- .m-ruler__canvas {
546
- display: block;
547
- pointer-events: auto;
548
- background-color: rgb(var(--m-theme-surface));
549
- backdrop-filter: blur(var(--m-blur));
550
- }
551
- .m-ruler-refline {
552
- position: absolute;
553
- pointer-events: auto !important;
554
- width: 10px;
555
- height: 10px;
556
- display: flex;
557
- justify-content: center;
558
- align-items: center;
559
- }
560
- .m-ruler-refline:before {
561
- content: "";
562
- display: block;
563
- border-style: dashed;
564
- border-width: 0;
565
- border-color: var(--line-color);
566
- width: 100%;
567
- height: 100%;
568
- }
569
- .m-ruler-refline--vertical {
570
- transform: translateY(-50%);
571
- cursor: ns-resize;
572
- }
573
- .m-ruler-refline--vertical.m-ruler-refline:before {
574
- height: 0;
575
- border-top-width: 1px;
576
- }
577
- .m-ruler-refline--horizontal {
578
- transform: translateX(-50%);
579
- cursor: ew-resize;
580
- }
581
- .m-ruler-refline--horizontal.m-ruler-refline:before {
582
- width: 0;
583
- border-left-width: 1px;
584
- }
585
- .m-ruler-refline--temp {
586
- opacity: var(--m-low-emphasis-opacity);
587
- pointer-events: none !important;
588
- }
589
- .m-ruler-refline--locked {
590
- cursor: not-allowed;
591
- }.m-rulers {
592
- position: absolute;
593
- left: 0;
594
- top: 0;
595
- right: 0;
596
- bottom: 0;
597
- }
598
- .m-rulers__left-top {
599
- position: absolute;
600
- left: 0;
601
- top: 0;
602
- width: 16px;
603
- height: 16px;
604
- border: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
605
- border-top-width: 0;
606
- border-left-width: 0;
607
- background-color: rgb(var(--m-theme-surface));
608
- }.m-scrollbar {
609
- position: absolute;
610
- display: flex;
611
- pointer-events: auto !important;
612
- }
613
- .m-scrollbar--vertical {
614
- right: 0;
615
- flex-direction: column;
616
- }
617
- .m-scrollbar--horizontal {
618
- bottom: 0;
619
- }
620
- .m-scrollbar__track {
621
- flex: 1;
622
- }
623
- .m-scrollbar__thumb {
624
- position: absolute;
625
- border-radius: calc(infinity * 1px);
626
- background-color: rgba(var(--m-theme-on-background), var(--m-low-emphasis-opacity));
627
- backdrop-filter: blur(var(--m-blur));
628
- }
629
- .m-scrollbar__thumb--active, .m-scrollbar__thumb:hover {
630
- background-color: rgba(var(--m-theme-on-background), var(--m-medium-emphasis-opacity));
631
- }.m-scrollbars {
632
- position: absolute;
633
- left: 0;
634
- top: 0;
635
- right: 0;
636
- bottom: 0;
637
- }.m-scroll-to-selection {
638
- pointer-events: auto !important;
639
- position: absolute;
640
- left: 50%;
641
- bottom: 24px;
642
- padding: 4px 8px;
643
- display: flex;
644
- align-items: center;
645
- gap: 4px;
646
- color: rgba(var(--m-theme-surface), 1);
647
- background-color: rgba(var(--m-theme-on-background), var(--m-medium-emphasis-opacity));
648
- transform: translateX(-50%);
649
- backdrop-filter: blur(var(--m-blur));
650
- border-radius: 8px;
651
- font-size: 0.875rem;
652
- cursor: pointer;
653
- white-space: nowrap;
654
- }.m-transform {
655
- left: 0;
656
- top: 0;
657
- }
658
- .m-transform__svg {
659
- position: absolute;
660
- left: 0;
661
- top: 0;
662
- width: 100%;
663
- height: 100%;
664
- overflow: visible;
665
- pointer-events: none;
666
- color: rgb(var(--m-theme-primary));
667
- stroke: currentColor;
668
- }
669
- .m-transform__diagonal {
670
- stroke-width: 1px;
671
- stroke-dasharray: 2px;
672
- visibility: hidden;
673
- }
674
- .m-transform__rect {
675
- stroke-width: 1px;
676
- }
677
- .m-transform__handle {
678
- fill: white;
679
- stroke-width: 1px;
680
- }
681
- .m-transform__handle-rect {
682
- stroke-width: 1px;
683
- fill: transparent;
684
- stroke: transparent;
685
- }
686
- .m-transform__rotator {
687
- fill: white;
688
- stroke-width: 0.5px;
689
- stroke: currentColor;
690
- }
691
- .m-transform__tip {
692
- position: absolute;
693
- bottom: 0;
694
- left: 50%;
695
- transform: translate(-50%, calc(100% + 8px));
696
- background-color: rgb(var(--m-theme-primary));
697
- color: rgb(var(--m-theme-on-primary));
698
- font-size: 0.75rem;
699
- padding: 2px 4px;
700
- border-radius: 3px;
701
- text-wrap: nowrap;
702
- }
703
- .m-transform--dashed .m-transform__rect {
704
- stroke-dasharray: 4px;
705
- }
706
- .m-transform--resizing .m-transform__diagonal {
707
- visibility: visible;
708
- }
709
- .m-transform--moving .m-transform__handle,
710
- .m-transform--moving .m-transform__handle-rect,
711
- .m-transform--moving .m-transform__rotator,
712
- .m-transform--moving .m-transform__tip {
713
- visibility: hidden;
714
- }
715
- .m-transform--moving .m-transform__rect {
716
- opacity: 0.4;
717
- stroke-width: 0.5px;
718
- }
719
- .m-transform--moving .m-transform__svg-slot {
720
- opacity: 0.4;
721
- stroke-width: 0.5px;
722
- }
723
- .m-transform--ui-hide .m-transform__handle,
724
- .m-transform--ui-hide .m-transform__handle-rect,
725
- .m-transform--ui-hide .m-transform__rect,
726
- .m-transform--ui-hide .m-transform__rotator,
727
- .m-transform--ui-hide .m-transform__tip {
728
- visibility: hidden;
729
- }.m-cropper {
730
- pointer-events: auto;
731
- position: absolute;
732
- left: 0;
733
- top: 0;
734
- width: 100%;
735
- height: 100%;
736
- }
737
- .m-cropper__source {
738
- position: absolute;
739
- width: 100%;
740
- height: 100%;
741
- transform-origin: top left;
742
- }
743
- .m-cropper__source canvas {
744
- position: absolute;
745
- width: 100%;
746
- height: 100%;
747
- }
748
- .m-cropper__transform {
749
- position: absolute;
750
- color: rgba(var(--m-theme-primary), 1);
751
- opacity: 0.5;
752
- }
753
- .m-cropper__transform_rect {
754
- width: 100%;
755
- height: 100%;
756
- }.m-path-editor {
757
- position: absolute;
758
- left: 0;
759
- top: 0;
760
- width: 100%;
761
- height: 100%;
762
- pointer-events: none;
763
- color: rgba(var(--m-theme-primary), 1);
764
- }
765
- .m-path-editor__hit {
766
- fill: none;
767
- stroke: transparent;
768
- stroke-width: 12;
769
- pointer-events: stroke;
770
- cursor: copy;
771
- }
772
- .m-path-editor__handle-line {
773
- stroke: currentColor;
774
- stroke-width: 1;
775
- stroke-dasharray: 3 2;
776
- opacity: 0.6;
777
- }
778
- .m-path-editor__anchor {
779
- fill: white;
780
- stroke: currentColor;
781
- stroke-width: 1.5;
782
- pointer-events: auto;
783
- cursor: move;
784
- }
785
- .m-path-editor__anchor--selected {
786
- fill: rgba(var(--m-theme-primary), 1);
787
- }
788
- .m-path-editor__control {
789
- fill: currentColor;
790
- stroke: white;
791
- stroke-width: 1;
792
- pointer-events: auto;
793
- cursor: move;
794
- }.m-selection {
795
- position: absolute;
796
- left: 0;
797
- right: 0;
798
- top: 0;
799
- bottom: 0;
800
- }
801
- .m-selection__slot {
802
- position: absolute;
803
- }
804
- .m-selection__parent {
805
- position: absolute;
806
- pointer-events: none;
807
- border-width: 1px;
808
- border-style: dashed;
809
- color: rgba(var(--m-theme-primary), 1);
810
- opacity: 0.5;
811
- border-color: currentColor;
812
- }
813
- .m-selection__marquee {
814
- position: absolute;
815
- border-width: 1px;
816
- border-style: solid;
817
- color: rgba(var(--m-theme-primary), 1);
818
- background-color: rgba(var(--m-theme-primary), 0.1);
819
- border-color: currentcolor;
820
- }
821
- .m-selection__transform {
822
- position: absolute;
823
- color: rgba(var(--m-theme-primary), 1);
824
- }
825
- .m-selection__node {
826
- position: absolute;
827
- border-width: 1px;
828
- border-style: solid;
829
- color: rgba(var(--m-theme-primary), 1);
830
- border-color: currentcolor;
831
- }.m-smart-guides {
832
- position: absolute;
833
- overflow: hidden;
834
- left: 0;
835
- right: 0;
836
- top: 0;
837
- bottom: 0;
838
- }
839
- .m-smart-guides__alignment {
840
- position: absolute;
841
- background-color: rgb(var(--m-theme-secondary));
842
- height: 1px;
843
- width: 1px;
844
- }
845
- .m-smart-guides__distance {
846
- position: absolute;
847
- display: flex;
848
- align-items: center;
849
- justify-content: center;
850
- background-color: rgb(var(--m-theme-primary));
851
- }
852
- .m-smart-guides__distance::before, .m-smart-guides__distance::after {
853
- content: "";
854
- position: absolute;
855
- background-color: rgb(var(--m-theme-primary));
856
- }
857
- .m-smart-guides__distance::before {
858
- inset: 50% auto auto 0;
859
- width: 1px;
860
- height: 8px;
861
- transform: translateY(-50%);
862
- }
863
- .m-smart-guides__distance::after {
864
- inset: 50% 0 auto auto;
865
- width: 1px;
866
- height: 8px;
867
- transform: translateY(-50%);
868
- }
869
- .m-smart-guides__distance--vertical::before {
870
- inset: 0 auto auto 50%;
871
- width: 8px;
872
- height: 1px;
873
- transform: translateX(-50%);
874
- }
875
- .m-smart-guides__distance--vertical::after {
876
- inset: auto auto 0 50%;
877
- width: 8px;
878
- height: 1px;
879
- transform: translateX(-50%);
880
- }
881
- .m-smart-guides__label {
882
- position: absolute;
883
- padding: 1px 5px;
884
- border-radius: 8px;
885
- font-size: 10px;
886
- font-weight: 600;
887
- line-height: 1.4;
888
- white-space: nowrap;
889
- color: rgb(var(--m-theme-on-primary));
890
- background-color: rgb(var(--m-theme-primary));
891
- pointer-events: none;
892
- }
893
- .m-smart-guides__area {
894
- position: absolute;
895
- display: flex;
896
- align-items: center;
897
- justify-content: center;
898
- background-color: rgba(var(--m-theme-secondary), 0.2);
899
- }
900
- .m-smart-guides__area:before {
901
- content: "";
902
- background: rgb(var(--m-theme-primary));
903
- height: 1px;
904
- width: 100%;
905
- }
906
- .m-smart-guides__area:after {
907
- position: absolute;
908
- content: "";
909
- height: 5px;
910
- width: 100%;
911
- border-left: 1px solid rgb(var(--m-theme-primary));
912
- border-right: 1px solid rgb(var(--m-theme-primary));
913
- }
914
- .m-smart-guides__area--vertical:before {
915
- height: 100%;
916
- width: 1px;
917
- }
918
- .m-smart-guides__area--vertical:after {
919
- height: 100%;
920
- width: 5px;
921
- border-left: none;
922
- border-right: none;
923
- border-top: 1px solid rgb(var(--m-theme-primary));
924
- border-bottom: 1px solid rgb(var(--m-theme-primary));
925
- }.m-smart-selection {
926
- position: absolute;
927
- overflow: hidden;
928
- left: 0;
929
- right: 0;
930
- top: 0;
931
- bottom: 0;
932
- }
933
- .m-smart-selection__node {
934
- position: absolute;
935
- display: flex;
936
- align-items: center;
937
- justify-content: center;
938
- }
939
- .m-smart-selection__node--active .m-smart-selection__ring {
940
- background: rgb(var(--m-theme-primary));
941
- }
942
- .m-smart-selection__ghost {
943
- position: absolute;
944
- border: 1px solid rgb(var(--m-theme-primary));
945
- }
946
- .m-smart-selection__ring {
947
- width: 1px;
948
- height: 1px;
949
- border-radius: 100%;
950
- border: 1px solid rgb(var(--m-theme-secondary));
951
- outline: 1px solid rgb(var(--m-theme-on-secondary));
952
- pointer-events: auto;
953
- }
954
- .m-smart-selection__ring:hover {
955
- background: rgb(var(--m-theme-secondary));
956
- }
957
- .m-smart-selection__spacing {
958
- position: absolute;
959
- left: 0;
960
- top: 0;
961
- visibility: hidden;
962
- display: flex;
963
- align-items: center;
964
- justify-content: center;
965
- }
966
- .m-smart-selection__spacing-line {
967
- height: 10px;
968
- width: 10px;
969
- pointer-events: auto;
970
- display: flex;
971
- align-items: center;
972
- justify-content: center;
973
- }
974
- .m-smart-selection__spacing-line:before {
975
- content: "";
976
- display: block;
977
- width: 100%;
978
- height: 100%;
979
- background-color: rgb(var(--m-theme-secondary));
980
- }
981
- .m-smart-selection--hover .m-smart-selection__ring {
982
- width: 10px;
983
- height: 10px;
984
- }
985
- .m-smart-selection--hover .m-smart-selection__spacing {
986
- visibility: visible;
987
- }
988
- .m-smart-selection--vertical .m-smart-selection__spacing-line {
989
- height: 6px;
990
- cursor: row-resize;
991
- }
992
- .m-smart-selection--vertical .m-smart-selection__spacing-line:before {
993
- height: 1px;
994
- }
995
- .m-smart-selection--horizontal .m-smart-selection__spacing-line {
996
- width: 6px;
997
- cursor: col-resize;
998
- }
999
- .m-smart-selection--horizontal .m-smart-selection__spacing-line:before {
1000
- width: 1px;
1001
- }
1002
- .m-smart-selection--ring .m-smart-selection__spacing {
1003
- visibility: hidden;
1004
- }
1005
- .m-smart-selection--spacing .m-smart-selection__spacing {
1006
- visibility: visible;
1007
- background-color: rgb(var(--m-theme-secondary));
1008
- opacity: 0.3;
1009
- }
1010
- .m-smart-selection--spacing .m-smart-selection__spacing-line {
1011
- visibility: hidden;
1012
- }.m-progress-indicator[data-v-cc8ac0cb] {
1013
- display: flex;
1014
- align-items: center;
1015
- gap: 12px;
1016
- }
1017
- .m-progress-indicator__status[data-v-cc8ac0cb] {
1018
- font-size: 0.75rem;
1019
- color: rgb(var(--m-theme-on-surface));
1020
- }
1021
- .m-progress-indicator__bar[data-v-cc8ac0cb] {
1022
- position: relative;
1023
- width: 100px;
1024
- height: 6px;
1025
- background-color: rgb(var(--m-theme-background));
1026
- border-radius: 4px;
1027
- overflow: hidden;
1028
- }
1029
- .m-progress-indicator__bar-fill[data-v-cc8ac0cb] {
1030
- position: absolute;
1031
- top: 0;
1032
- left: 0;
1033
- height: 100%;
1034
- background-color: rgb(var(--m-theme-primary));
1035
- transition: width 0.3s ease;
1036
- }
1037
- .m-progress-indicator__bar-indeterminate[data-v-cc8ac0cb] {
1038
- position: absolute;
1039
- top: 0;
1040
- left: -30%;
1041
- width: 30%;
1042
- height: 100%;
1043
- background-color: #3b82f6;
1044
- animation: indeterminate-slide-cc8ac0cb 1.5s linear infinite;
1045
- }
1046
- @keyframes indeterminate-slide-cc8ac0cb {
1047
- 0% {
1048
- left: -30%;
1049
- }
1050
- 100% {
1051
- left: 100%;
1052
- }
1053
- }.m-statusbar[data-v-12c3be94] {
1054
- user-select: none;
1055
- position: relative;
1056
- display: flex;
1057
- align-items: center;
1058
- gap: 4px;
1059
- font-size: 0.75rem;
1060
- line-height: 1;
1061
- width: 100%;
1062
- height: 100%;
1063
- padding: 0 8px;
1064
- background-color: rgba(var(--m-theme-surface), 1);
1065
- color: rgba(var(--m-theme-on-surface), 1);
1066
- font-weight: bold;
1067
- white-space: nowrap;
1068
- overflow-x: auto;
1069
- }
1070
- .m-statusbar__main[data-v-12c3be94] {
1071
- flex: 1;
1072
- display: flex;
1073
- align-items: center;
1074
- gap: 4px;
1075
- height: 100%;
1076
- }
1077
- .m-statusbar__item[data-v-12c3be94] {
1078
- display: flex;
1079
- align-items: center;
1080
- gap: 4px;
1081
- }
1082
- .m-statusbar__item > svg[data-v-12c3be94] {
1083
- width: 1em;
1084
- height: 1em;
1085
- }
1086
- .m-statusbar__divider[data-v-12c3be94] {
1087
- width: 0;
1088
- height: 60%;
1089
- border-right: 1px solid rgba(var(--m-theme-on-surface), 0.1);
1090
- margin: 0 8px;
1091
- }
1092
- .m-statusbar__kbd[data-v-12c3be94] {
1093
- outline: 1px solid rgba(var(--m-theme-on-surface), 0.1);
1094
- border-radius: 4px;
1095
- display: flex;
1096
- align-items: center;
1097
- justify-content: center;
1098
- font-size: 0.75rem;
1099
- padding: 0 2px;
1100
- font-family: system-ui, -apple-system, sans-serif;
1101
- }.m-table-editor {
1102
- position: absolute;
1103
- width: 0;
1104
- height: 0;
1105
- left: 0;
1106
- top: 0;
1107
- overflow: visible;
1108
- pointer-events: none;
1109
- }
1110
- .m-table-editor__box {
1111
- position: absolute;
1112
- pointer-events: auto;
1113
- box-shadow: 0 0 0 1px rgba(var(--m-theme-primary), 0.5);
1114
- }
1115
- .m-table-editor__bar {
1116
- position: absolute;
1117
- display: flex;
1118
- align-items: stretch;
1119
- box-sizing: border-box;
1120
- background: #fff;
1121
- border: 1px solid rgba(var(--m-theme-on-background), 0.16);
1122
- border-bottom: none;
1123
- font-size: 12px;
1124
- }
1125
- .m-table-editor__bar-name {
1126
- flex: none;
1127
- display: flex;
1128
- align-items: center;
1129
- justify-content: center;
1130
- width: 100%;
1131
- max-width: 56px;
1132
- padding: 0 6px;
1133
- border-right: 1px solid rgba(var(--m-theme-on-background), 0.16);
1134
- color: rgb(var(--m-theme-on-background));
1135
- font-weight: 600;
1136
- }
1137
- .m-table-editor__bar-content {
1138
- flex: 1;
1139
- display: flex;
1140
- align-items: center;
1141
- padding: 0 8px;
1142
- overflow: hidden;
1143
- white-space: nowrap;
1144
- text-overflow: ellipsis;
1145
- color: rgb(var(--m-theme-on-background));
1146
- }
1147
- .m-table-editor__cell {
1148
- position: absolute;
1149
- box-sizing: border-box;
1150
- cursor: cell;
1151
- }
1152
- .m-table-editor__text {
1153
- position: absolute;
1154
- z-index: 4;
1155
- pointer-events: auto;
1156
- }
1157
- .m-table-editor__text-editor {
1158
- pointer-events: auto !important;
1159
- cursor: text;
1160
- }
1161
- .m-table-editor__selection {
1162
- position: absolute;
1163
- pointer-events: none;
1164
- z-index: 3;
1165
- border: 2px solid rgb(var(--m-theme-primary));
1166
- }
1167
- .m-table-editor__selection--range {
1168
- background: rgba(var(--m-theme-primary), 0.12);
1169
- }
1170
- .m-table-editor__corner {
1171
- position: absolute;
1172
- box-sizing: border-box;
1173
- background: #f4f5f7;
1174
- border: 1px solid rgba(var(--m-theme-on-background), 0.16);
1175
- cursor: pointer;
1176
- overflow: hidden;
1177
- }
1178
- .m-table-editor__corner::after {
1179
- content: "";
1180
- position: absolute;
1181
- right: 2px;
1182
- bottom: 2px;
1183
- width: 0;
1184
- height: 0;
1185
- border-style: solid;
1186
- border-width: 0 0 7px 7px;
1187
- border-color: transparent transparent rgba(var(--m-theme-on-background), 0.5) transparent;
1188
- }
1189
- .m-table-editor__col-header, .m-table-editor__row-header {
1190
- position: absolute;
1191
- box-sizing: border-box;
1192
- display: flex;
1193
- align-items: center;
1194
- justify-content: center;
1195
- background: #f4f5f7;
1196
- border: 1px solid rgba(var(--m-theme-on-background), 0.16);
1197
- font-size: 12px;
1198
- color: rgba(var(--m-theme-on-background), 0.7);
1199
- cursor: pointer;
1200
- user-select: none;
1201
- }
1202
- .m-table-editor__col-header:hover, .m-table-editor__row-header:hover {
1203
- background: rgba(var(--m-theme-primary), 0.12);
1204
- }
1205
- .m-table-editor__col-header--active, .m-table-editor__row-header--active {
1206
- background: rgba(var(--m-theme-primary), 0.85);
1207
- color: #fff;
1208
- }
1209
- .m-table-editor__col-resizer {
1210
- position: absolute;
1211
- width: 7px;
1212
- margin-left: -3px;
1213
- cursor: col-resize;
1214
- z-index: 5;
1215
- }
1216
- .m-table-editor__row-resizer {
1217
- position: absolute;
1218
- height: 7px;
1219
- margin-top: -3px;
1220
- cursor: row-resize;
1221
- z-index: 5;
1222
- }
1223
- .m-table-editor__menu {
1224
- position: fixed;
1225
- pointer-events: auto;
1226
- min-width: 160px;
1227
- padding: 4px;
1228
- background: rgb(var(--m-theme-surface, 255 255 255));
1229
- border-radius: 6px;
1230
- box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
1231
- z-index: 10;
1232
- display: flex;
1233
- flex-direction: column;
1234
- }
1235
- .m-table-editor__menu-item {
1236
- appearance: none;
1237
- border: none;
1238
- background: transparent;
1239
- text-align: left;
1240
- padding: 6px 10px;
1241
- font-size: 13px;
1242
- border-radius: 4px;
1243
- cursor: pointer;
1244
- color: rgb(var(--m-theme-on-surface, 0 0 0));
1245
- }
1246
- .m-table-editor__menu-item:hover:not(:disabled) {
1247
- background: rgba(var(--m-theme-primary), 0.12);
1248
- }
1249
- .m-table-editor__menu-item:disabled {
1250
- opacity: 0.4;
1251
- cursor: not-allowed;
1252
- }
1253
- .m-table-editor__menu-sep {
1254
- height: 1px;
1255
- margin: 4px 6px;
1256
- background: rgba(var(--m-theme-on-background), 0.12);
1257
- }.m-payhead {
1258
- bottom: 0;
1259
- left: -5px;
1260
- position: absolute;
1261
- top: 0;
1262
- width: 10px;
1263
- color: rgb(var(--m-theme-on-surface));
1264
- }
1265
- .m-payhead__header {
1266
- position: relative;
1267
- background-color: transparent;
1268
- border: 2px solid currentColor;
1269
- border-bottom: none;
1270
- height: 12px;
1271
- left: 0;
1272
- position: -webkit-sticky;
1273
- position: sticky;
1274
- right: 0;
1275
- top: 0;
1276
- width: 10px;
1277
- }
1278
- .m-payhead__header:after {
1279
- box-sizing: content-box;
1280
- content: "";
1281
- background-color: transparent;
1282
- border-bottom: 2px solid currentColor;
1283
- border-right: 2px solid currentColor;
1284
- bottom: 0;
1285
- display: block;
1286
- height: 5px;
1287
- position: absolute;
1288
- right: 0;
1289
- transform: rotate(45deg) translate(2.8px, 2px);
1290
- width: 5px;
1291
- }
1292
- .m-payhead__main {
1293
- background-color: currentColor;
1294
- bottom: 0;
1295
- left: 4px;
1296
- position: absolute;
1297
- top: 16px;
1298
- transform: translateX(0.5px);
1299
- width: 1px;
1300
- }.m-segment {
1301
- display: flex;
1302
- font-size: 0.75rem;
1303
- align-items: center;
1304
- position: absolute;
1305
- top: 2px;
1306
- height: calc(100% - 4px);
1307
- user-select: none;
1308
- flex-wrap: nowrap;
1309
- color: white;
1310
- border-radius: 2px;
1311
- background-color: #cc9641;
1312
- }
1313
- .m-segment--active {
1314
- outline: 1px solid rgb(var(--m-theme-on-surface));
1315
- }
1316
- .m-segment__edge {
1317
- align-items: center;
1318
- background-color: rgb(var(--m-theme-on-surface));
1319
- bottom: 0;
1320
- content: "";
1321
- display: flex;
1322
- justify-content: center;
1323
- pointer-events: auto;
1324
- position: absolute;
1325
- top: 0;
1326
- width: 4px;
1327
- cursor: col-resize;
1328
- }
1329
- .m-segment__edge:before {
1330
- background-color: rgb(var(--m-theme-surface));
1331
- content: "";
1332
- display: block;
1333
- height: 10px;
1334
- width: 2px;
1335
- }
1336
- .m-segment__edge--front {
1337
- border-bottom-left-radius: 2px;
1338
- border-top-left-radius: 2px;
1339
- left: 0;
1340
- }
1341
- .m-segment__edge--end {
1342
- border-bottom-right-radius: 2px;
1343
- border-top-right-radius: 2px;
1344
- right: 0;
1345
- }
1346
- .m-segment__node {
1347
- position: relative;
1348
- z-index: 1;
1349
- cursor: move;
1350
- border-radius: 2px;
1351
- padding: 2px 8px;
1352
- white-space: nowrap;
1353
- overflow: hidden;
1354
- text-overflow: ellipsis;
1355
- }
1356
- .m-segment__block {
1357
- position: absolute;
1358
- top: 0;
1359
- height: 100%;
1360
- border: 1px solid rgba(255, 255, 255, 0.4);
1361
- border-radius: 2px;
1362
- box-sizing: border-box;
1363
- pointer-events: auto;
1364
- overflow: hidden;
1365
- }
1366
- .m-segment__block--animation {
1367
- background-color: rgba(255, 255, 255, 0.18);
1368
- }
1369
- .m-segment__block--animation:hover {
1370
- background-color: rgba(255, 255, 255, 0.28);
1371
- }
1372
- .m-segment__block--media {
1373
- background-color: rgba(64, 156, 96, 0.85);
1374
- }
1375
- .m-segment__block--media:hover {
1376
- background-color: rgb(64, 156, 96);
1377
- }
1378
- .m-segment__block--video {
1379
- background-color: rgba(116, 84, 196, 0.85);
1380
- }
1381
- .m-segment__block--video:hover {
1382
- background-color: rgb(116, 84, 196);
1383
- }.m-track {
1384
- position: relative;
1385
- display: flex;
1386
- height: 22px;
1387
- background-color: rgb(var(--m-theme-background));
1388
- }.m-trackhead {
1389
- display: flex;
1390
- align-items: center;
1391
- height: 22px;
1392
- min-height: 22px;
1393
- padding: 0 4px;
1394
- color: rgba(var(--m-theme-on-surface), 0.8);
1395
- font-size: 0.75rem;
1396
- width: 100%;
1397
- border-radius: 4px;
1398
- user-select: none;
1399
- }
1400
- .m-trackhead:hover {
1401
- background-color: rgba(var(--m-theme-on-surface), 0.06);
1402
- }
1403
- .m-trackhead--selected {
1404
- background-color: rgba(var(--m-theme-primary), calc(var(--m-activated-opacity) * 3));
1405
- }
1406
- .m-trackhead--dropping {
1407
- box-shadow: 0 1px 0 0 rgb(var(--m-theme-on-background));
1408
- }
1409
- .m-trackhead__thumbnail {
1410
- display: flex;
1411
- align-items: center;
1412
- justify-content: center;
1413
- width: 14px;
1414
- height: 14px;
1415
- flex: none;
1416
- margin-right: 6px;
1417
- font-size: 0.875rem;
1418
- opacity: 0.7;
1419
- }
1420
- .m-trackhead__name {
1421
- flex: 1;
1422
- min-width: 0;
1423
- position: relative;
1424
- white-space: nowrap;
1425
- overflow: hidden;
1426
- text-overflow: ellipsis;
1427
- }
1428
- .m-trackhead__input {
1429
- position: absolute;
1430
- inset: 0;
1431
- width: 100%;
1432
- height: 100%;
1433
- padding: 0 2px;
1434
- margin: 0;
1435
- border: none;
1436
- outline: 1px solid rgb(var(--m-theme-primary));
1437
- background: rgb(var(--m-theme-surface));
1438
- color: inherit;
1439
- font: inherit;
1440
- border-radius: 2px;
1441
- }
1442
- .m-trackhead__action {
1443
- display: flex;
1444
- align-items: center;
1445
- flex: none;
1446
- gap: 1px;
1447
- margin-left: 4px;
1448
- }
1449
- .m-trackhead__action .m-trackhead__btn {
1450
- opacity: 0;
1451
- pointer-events: none;
1452
- }
1453
- .m-trackhead__action--show .m-trackhead__btn {
1454
- opacity: 1;
1455
- pointer-events: auto;
1456
- }
1457
- .m-trackhead__btn {
1458
- display: inline-flex;
1459
- align-items: center;
1460
- justify-content: center;
1461
- width: 16px;
1462
- height: 16px;
1463
- padding: 0;
1464
- border: 0;
1465
- border-radius: 3px;
1466
- background: transparent;
1467
- color: inherit;
1468
- font-size: 0.75rem;
1469
- }
1470
- .m-trackhead__btn:hover {
1471
- background-color: rgba(var(--m-theme-on-surface), 0.12);
1472
- }
1473
- .m-trackhead__btn--show {
1474
- opacity: 1 !important;
1475
- pointer-events: auto !important;
1476
- }.m-timeline {
1477
- position: relative;
1478
- color: rgb(var(--m-theme-on-surface));
1479
- background-color: rgb(var(--m-theme-surface));
1480
- display: flex;
1481
- flex-direction: column;
1482
- width: 100%;
1483
- height: 100%;
1484
- }
1485
- .m-timeline__toolbar {
1486
- display: flex;
1487
- align-items: center;
1488
- gap: 8px;
1489
- height: 28px;
1490
- padding: 0 8px;
1491
- border-bottom: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
1492
- font-size: 0.75rem;
1493
- user-select: none;
1494
- }
1495
- .m-timeline__time {
1496
- display: flex;
1497
- align-items: center;
1498
- gap: 4px;
1499
- font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
1500
- font-variant-numeric: tabular-nums;
1501
- min-width: 120px;
1502
- }
1503
- .m-timeline__time-sep {
1504
- opacity: 0.5;
1505
- }
1506
- .m-timeline__time--muted {
1507
- opacity: 0.5;
1508
- }
1509
- .m-timeline__controls {
1510
- display: flex;
1511
- align-items: center;
1512
- gap: 2px;
1513
- }
1514
- .m-timeline__btn {
1515
- display: inline-flex;
1516
- align-items: center;
1517
- justify-content: center;
1518
- width: 22px;
1519
- height: 22px;
1520
- padding: 0;
1521
- border: 0;
1522
- border-radius: 4px;
1523
- background: transparent;
1524
- color: inherit;
1525
- cursor: pointer;
1526
- }
1527
- .m-timeline__btn:hover {
1528
- background-color: rgba(var(--m-theme-on-surface), 0.08);
1529
- }
1530
- .m-timeline__btn:active {
1531
- background-color: rgba(var(--m-theme-on-surface), 0.16);
1532
- }
1533
- .m-timeline__btn--primary {
1534
- width: 26px;
1535
- height: 26px;
1536
- }
1537
- .m-timeline__toolbar-spacer {
1538
- flex: 1;
1539
- }
1540
- .m-timeline__main {
1541
- position: relative;
1542
- display: flex;
1543
- min-height: 0;
1544
- flex: 1;
1545
- }
1546
- .m-timeline__left {
1547
- display: flex;
1548
- flex-direction: column-reverse;
1549
- align-items: center;
1550
- width: 120px;
1551
- height: 100%;
1552
- padding-top: 24px;
1553
- overflow: hidden;
1554
- }
1555
- .m-timeline__left-wrapper {
1556
- position: relative;
1557
- height: 100%;
1558
- width: 100%;
1559
- padding: 0 0 0 4px;
1560
- }
1561
- .m-timeline__right {
1562
- position: relative;
1563
- display: flex;
1564
- min-width: 0;
1565
- flex: 1;
1566
- overflow: hidden;
1567
- flex-direction: column;
1568
- border-left: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
1569
- padding-left: 48px;
1570
- }
1571
- .m-timeline__right-wrapper {
1572
- position: relative;
1573
- height: 100%;
1574
- width: 100%;
1575
- }
1576
- .m-timeline__ruler {
1577
- position: relative;
1578
- width: 100%;
1579
- height: 24px;
1580
- min-height: 24px;
1581
- }
1582
- .m-timeline__ruler, .m-timeline__ruler * {
1583
- cursor: default;
1584
- }
1585
- .m-timeline__track {
1586
- position: relative;
1587
- display: flex;
1588
- flex-direction: column-reverse;
1589
- justify-content: start;
1590
- gap: 8px;
1591
- flex: 1;
1592
- height: max-content;
1593
- min-height: 100%;
1594
- overflow: hidden;
1595
- }.m-drawing {
1596
- position: absolute;
1597
- }
1598
- .m-drawing__tip {
1599
- margin: 4px;
1600
- border: 1px solid rgba(0, 0, 0, 0.168627451);
1601
- border-radius: 4px;
1602
- width: fit-content;
1603
- height: 22px;
1604
- padding: 0 4px;
1605
- font-size: 0.875rem;
1606
- white-space: nowrap;
1607
- overflow: hidden;
1608
- text-overflow: ellipsis;
1609
- background-color: rgba(var(--m-theme-surface), 1);
1610
- }.m-toolbelt {
1611
- pointer-events: auto !important;
1612
- position: absolute;
1613
- left: 50%;
1614
- bottom: 18px;
1615
- transform: translateX(-50%);
1616
- display: flex;
1617
- align-items: center;
1618
- gap: 12px;
1619
- box-shadow: var(--m-shadow);
1620
- background: rgb(var(--m-theme-surface));
1621
- padding: 8px;
1622
- border-radius: 12px;
1623
- height: 48px;
1624
- cursor: default;
1625
- }
1626
- .m-toolbelt__kbd {
1627
- font-size: 0.75rem;
1628
- white-space: nowrap;
1629
- letter-spacing: 0.08em;
1630
- margin-left: 16px;
1631
- opacity: 0.3;
1632
- }
1633
- .m-toolbelt__group {
1634
- display: flex;
1635
- align-items: center;
1636
- height: 100%;
1637
- }
1638
- .m-toolbelt__btn {
1639
- font-size: 24px;
1640
- width: 100%;
1641
- height: 100%;
1642
- }
1643
- .m-toolbelt__icon {
1644
- font-size: 1rem;
1645
- }
1646
- .m-toolbelt__arrow {
1647
- width: 16px;
1648
- height: 100%;
1649
- font-size: 0.75rem;
1650
- border-radius: 4px;
1651
- }.m-text-editor {
1652
- position: absolute;
1653
- width: 0;
1654
- height: 0;
1655
- left: 0;
1656
- top: 0;
1657
- overflow: visible;
1658
- }
1659
- .m-text-editor__wrapper {
1660
- position: absolute;
1661
- }
1662
- .m-text-editor__editor {
1663
- pointer-events: auto !important;
1664
- cursor: move;
1665
- }.m-workflow {
1666
- position: absolute;
1667
- inset: 0;
1668
- pointer-events: none;
1669
- z-index: 2;
1670
- }
1671
- .m-workflow__preview {
1672
- position: absolute;
1673
- inset: 0;
1674
- width: 100%;
1675
- height: 100%;
1676
- overflow: visible;
1677
- pointer-events: none;
1678
- }
1679
- .m-workflow__preview path {
1680
- fill: none;
1681
- stroke: rgb(var(--m-theme-primary, 30 200 230));
1682
- stroke-width: 2;
1683
- stroke-linecap: round;
1684
- }
1685
- .m-workflow__port {
1686
- position: absolute;
1687
- display: flex;
1688
- align-items: center;
1689
- justify-content: center;
1690
- width: 18px;
1691
- height: 18px;
1692
- margin: -9px 0 0 -9px;
1693
- border-radius: 50%;
1694
- background: rgb(var(--m-theme-primary, 30 200 230));
1695
- color: #fff;
1696
- font-size: 12px;
1697
- cursor: crosshair;
1698
- pointer-events: auto;
1699
- user-select: none;
1700
- box-shadow: 0 0 0 2px #fff;
1701
- }
1702
- .m-workflow__backdrop {
1703
- position: fixed;
1704
- inset: 0;
1705
- pointer-events: auto;
1706
- }
1707
- .m-workflow__menu {
1708
- position: absolute;
1709
- min-width: 200px;
1710
- padding: 6px;
1711
- background: #fff;
1712
- border-radius: 12px;
1713
- box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
1714
- pointer-events: auto;
1715
- }
1716
- .m-workflow__menu-title {
1717
- padding: 6px 10px;
1718
- font-size: 12px;
1719
- color: #9ca3af;
1720
- }
1721
- .m-workflow__menu-item {
1722
- display: flex;
1723
- align-items: center;
1724
- justify-content: space-between;
1725
- width: 100%;
1726
- padding: 8px 10px;
1727
- border: 0;
1728
- border-radius: 8px;
1729
- background: transparent;
1730
- font-size: 14px;
1731
- color: #1f2937;
1732
- cursor: pointer;
1733
- }
1734
- .m-workflow__menu-item:hover {
1735
- background: #f3f4f6;
1736
- }
1737
- .m-workflow__menu-item-main {
1738
- display: flex;
1739
- align-items: center;
1740
- gap: 8px;
1741
- }
1742
- .m-workflow__menu-item-main .m-icon {
1743
- font-size: 18px;
1744
- color: #6b7280;
1745
- }
1746
- .m-workflow__menu-kbd {
1747
- font-size: 12px;
1748
- color: #9ca3af;
1749
- }.m-floatbar .m-overlay-content {
1750
- overflow: visible;
1751
- }.m-float-panel {
1752
- position: absolute;
1753
- pointer-events: auto !important;
1754
- z-index: 2000;
1755
- }
1756
- .m-float-panel__card {
1757
- display: flex;
1758
- flex-direction: column;
1759
- width: 100%;
1760
- height: 100%;
1761
- border-radius: 12px;
1762
- background-color: rgb(var(--m-theme-surface));
1763
- box-shadow: var(--m-shadow);
1764
- overflow: hidden;
1765
- }
1766
- .m-float-panel__title {
1767
- display: flex;
1768
- justify-content: space-between;
1769
- align-items: center;
1770
- padding: 8px;
1771
- font-size: 0.75rem;
1772
- font-weight: bold;
1773
- border-bottom: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
1774
- }
1775
- .m-float-panel__content {
1776
- position: relative;
1777
- width: 100%;
1778
- height: 100%;
1779
- overflow-y: auto;
1780
- }.m-layout {
1781
- --m-scrollbar-offset: 0px;
1782
- display: flex;
1783
- flex: 1 1 auto;
1784
- }
1785
- .m-layout--full-height {
1786
- --m-scrollbar-offset: inherit;
1787
- height: 100%;
1788
- }.m-layout-item {
1789
- position: absolute;
1790
- }
1791
- .m-layout-item--absolute {
1792
- position: absolute;
1793
- }
1794
- .m-layout-item--left {
1795
- border-right: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
1796
- }
1797
- .m-layout-item--top {
1798
- border-bottom: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
1799
- }
1800
- .m-layout-item--right {
1801
- border-left: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
1802
- }
1803
- .m-layout-item--bottom {
1804
- border-top: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
1805
- }.m-main {
1806
- flex: 1 0 auto;
1807
- max-width: 100%;
1808
- padding-left: var(--m-layout-left);
1809
- padding-right: var(--m-layout-right);
1810
- padding-top: var(--m-layout-top);
1811
- padding-bottom: var(--m-layout-bottom);
1812
- }
1813
- .m-main__scroller {
1814
- max-width: 100%;
1815
- position: relative;
1816
- }
1817
- .m-main--scrollable {
1818
- display: flex;
1819
- position: absolute;
1820
- top: 0;
1821
- left: 0;
1822
- width: 100%;
1823
- height: 100%;
1824
- }
1825
- .m-main--scrollable > .v-main__scroller {
1826
- flex: 1 1 auto;
1827
- overflow-y: auto;
1828
- --v-layout-left: 0px;
1829
- --v-layout-right: 0px;
1830
- --v-layout-top: 0px;
1831
- --v-layout-bottom: 0px;
1832
- }.m-editor {
1833
- --m-theme-primary: 69, 151, 248;
1834
- --m-theme-on-primary: 255, 255, 255;
1835
- --m-theme-secondary: 244, 36, 253;
1836
- --m-theme-on-secondary: 255, 255, 255;
1837
- --m-theme-surface: 255, 255, 255;
1838
- --m-theme-on-surface: 30, 30, 30;
1839
- --m-theme-surface-variant: 35, 37, 41;
1840
- --m-theme-on-surface-variant: 255, 255, 255;
1841
- --m-theme-background: 240, 242, 245;
1842
- --m-theme-on-background: 56, 56, 56;
1843
- --m-border-color: 0, 0, 0;
1844
- --m-border-opacity: .08;
1845
- --m-high-emphasis-opacity: 1;
1846
- --m-medium-emphasis-opacity: 0.5;
1847
- --m-low-emphasis-opacity: 0.3;
1848
- --m-hover-opacity: 0.04;
1849
- --m-activated-opacity: 0.06;
1850
- --m-shadow: 0 8px 32px 2px rgba(0, 0, 0, 0.08), 0 0 1px rgba(0, 0, 0, 0.2);
1851
- --m-blur: 8px;
1852
- position: relative;
1853
- width: 100%;
1854
- height: 100%;
1855
- flex-direction: column;
1856
- background-color: rgb(var(--m-theme-surface));
1857
- color: rgb(var(--m-theme-on-surface));
1858
- overflow: hidden;
1859
- user-select: none;
1860
- cursor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBR0JVbEVRVlI0QWV5WXowOGtSUlRIZXhhRlVTRUVRamlRRUFnbitBK01ISmlERi84SkU0OWNTRkQ1RlRETUhFQVE5S3pSZytGSE5pSGVKRkZqQW5PQnJLekdZRlRRRzRSQUVHRloxdDBaRk1YdnAzZHIwcGxNTTkzTDdzeDAwNlJlcXZyVnE2cjMvYjczdW91NVpkM3d2NGlBRzU0QWxsc0d4RVFNYzA1QmgyZ3FQQTJBVGpRQVJGY2w1WXVTYWttTmhCNTVRV1Btc05NdytBMndCZ1dnZUFaNHpkblpXZkx5OGpLVHpXYS9QVGs1U1oyZW5xWmsrSkxFRUFJWjJMTk82bUEyQUJqUEFRS282dVBqNC9HNnVycGhKbXBxYXJvYkdob0c2K3ZyaDBUSS9hT2pJNGg0UlhPR0RBZ2pLOWlMUFRRVm5JYlRlSXZqakNFZzN0allPSUF5bFVwWnNWak1vdWNaYVdwcWVsZEVIR2N5bWE5RlZFcTZseVdRRWNnU0FiVDh0eHRSSkpweHBmOWROT2wwbXM1S0pwTTVJZ3daOFhqOE5ZZ1NHZmNPRHcrVGxJbU1JU091M3BEQi9wQXJWV1UySE1Rem5FUWdvZnJpNHNMV0p4SUo1bklDRVVnczlqZ3JEQm5OemMzdlVDWWk0MVFsa3RTQ3dKU0lEVlFPMHlBQXViVzB0UFE1aXA2ZUhycUNBaEZJTFBhWURHTVV0Qkp4RW5CcFFQVDI5djU0Y0hEd014bUFHTDFiN3lUQ1pJV1BFbkhidGlSNlF3RGdrZjkwNnIrU2kxZ3N4ck0xUGo2dVIyOE5JaEN0dFYrY2hvd0NKVkxvWGVIdGtHZHM1U1FBOEJmYS94L0orY0xDd3J4Nnkwc0dZSmN2RUlFWU1zejhreEk1MFZma202MnRyZGVsNTRYSnU4ZjRJbFhwbXZOUUNDRDZmK3Y0ODRHQmdZMzkvZjFmTkg1cUVsaUxPSWt3V1VHSmRIWjJmcm01dVZsV0V2SUp5R1dBSE0vT3pjMHRxdmRWQnRpN0NVUWd6cXpvNk9nWWtUMmZUajdCdklUMStQeGEvczVPQXFoNU1zQXVBUmxtUjBaRzdQc0FaWUJJOTh4YU9wMjI5NnF0clgxVkE2N1hYTUx3cDZRa2NLRE96elhLZ0N5Z0RMTFNadmthcUw5MkdaZzlJSEoxZGRWQzBHMXZiMytpbnVpWDVUMlFUNEF6Q3lBZ016OC92eUFIcmF2dUJNd1hFc0FpZ0hVS091eDFhZHJzNnVyNlZPT1NSbDNuNVpvYkFTWUx6b2VHaHU3eU1zUnBKTGZTWllDTkV5eGpkQWhMZG5kM2Z4c2RIWDEvWW1MaVBYMGUrNldqNUNnOXNvOEFTRlc2bGs4QUorT0lJY0RPQXIyMGJNZUszUW1TeWFTZDJvQkYyR3huWitmM3djSEJENGVIaHovUVBtKzJ0YldOVDA1TzNoa2JHMXZYL0FOSlJuSXVLUXNKaFFnQUxNNUFBbzVsRnhjWDUrU2c1L2ZBOHZMeVYvcU1maVRBYjdXM3Q2ZG1abWJ1VEU5UHIybVBJNGNjYTN3cStVdkNPV1FDNU91eGRLMFFBWnlPSXhDQVU5d0o3REpnSXBGSTBCVVVreUZyYTJzL3pjN09ic2pvUkFMb1EvVk9RY2ZjZmVrZlNpQUEwaUZmajZWcnhRZ3dYNE9Nbnp2QjFOU1VFL3dmZ29NQStrK05UZVRQTkFZOFpRYlJGVVVBa2NBaEhDTTZSZThFMUw4QVdTc3JLMStvcDdidnFTZktBS1luM1lrNGM2UzlxWDB5amJNNFUwdEsyOXd5QUM5TUdaZ3M4SFFuaU1mamtBWkloQ2pUQTVob0E1cUlReXAyQU9jY3ppdUxYRVVBRWNGQkhNWHBLKzhFcHY0M05qYStGNUpIRWdEVEF4ckFFTWxlN01uZWlNeksyN3dRUUlyaXZLYzdRWDkvUDlkbkFDT3NZejFScmdqQStYUmZSUUMyT0E0QWdOaFpvRStiRGNSRUhDTlQvK3ZyNjdmMWpDMlJaaDNyRWFrcnN4VWpBTENrTEdDSTZKVjNncXFxS213TkFZd3JHandoS1VZQU5vQ0FBS0thMVFVbjl6c0JrZWRlWUxKQjlmK0RGb1NXQUlCUkJvL01yMFVBNTY0djBCYnAzOWZYOTUzR1pBcUVrUUZra0ZUbGE4Vk85cElCZ0FDTW5RSGE4S0grUVJMZTlkdDdlM3UvNnRuaVgrYnU3dTdQTk9hdER3SFlzb2Jza2JweW14Y0M4QjRnZ0FJY0lCOEk4TWV0cmExdjY2WDRSa3RMUzUrTStPYno2U05Mc0dXTjFKWGR2Qkpnc2dBQ0FNbU5qcHNlVjF1RW14NDY1ckNoQkVKSkFKSGxZc1B0RGdLNDVpS015UUN5ZzNjRjZROXBsUjErZWVjMUEyUnFFVkVpQzBDQVFnS2dpVHc5MFNmOXNjR1dOUlV2ZmdnQURNQUFDQWxrQXFBaGc3RkovY0JFSDBCK0NXQ05JWUZ5Z0FpQTAwTk1vTUFENW1rSVlCMUNqZWNMK2tESmRRZ0lGRkEzWnlNQzNKaTVLZm9vQTI1S3BOMXdSaG5neHN4TjBZY3VBL3dHTGlMQUwyTmhzNDh5SUd3UjlZc255Z0MvaklYTlBzcUFzRVhVTDU0b0Evd3lGamI3S0FQQ0ZsRy9lS0lNOE10WTJPeWpEQWg2Uksvci8vOEFBQUQvLzltR1FIRUFBQUFHU1VSQlZBTUFFTFdobi9KQ0EzY0FBQUFBU1VWT1JLNUNZSUk9IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiLz48L3N2Zz4=) 4 4, auto;
1861
- }
1862
- .m-editor--hand {
1863
- cursor: grab;
1864
- }
1865
- .m-editor--grabbing {
1866
- cursor: grabbing;
1867
- }
1868
- .m-editor--drawing {
1869
- cursor: crosshair;
1870
- }
1871
- .m-editor--drawing-tool-pencil {
1872
- cursor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBRjIwbEVRVlI0QWV5Wlcyc2tSUmlHZXp6TlNFaitRa2l1Y3BPcklJYUVrQWxtL29NSWFuNUJiZ0tpNURpYmcvOUJCQVVEQmc4b2lCZENJQWZJUVFrSzNnUXZjcE9BaDNnZWRZMmJkYlB2MDB3dHZaUHQ2YXFlVHJxejAwTzlWSFhYVjFYZis5WlgxZDAxVDNodC9zc0ZhUE1BOFBJSXlDT2d6UlhJbDBDYkIwQytDZVpMSUY4Q2JhNUF2Z1F5RkFBRitjS0VQS244YWVHWk9paHpqenBzZER1NVJLZko5UmEvSi95QUpLUkxSMGRIbFZxdFZnV1UxVzFKb0E0YmJIV1pURXEwczVndVFlb3B0UzBlSGg2T241MmRmZEhiMi90NVoyZm42NEF5OTZqRFJzQ1dOaXE2cDhZV2FRc0FFUWlWRGc0T0tuMTlmWjhWaThYaHpjMU5yMXF0K3NCaDdsR0hqYTZKQnRyUVZwZXRwVFFGZ0FCRVNudDdlK01EQXdPZlFBWGlZMk5qM3NMQ2dvOUNvZkJBQ0d5d2xWMWlJcVFsd0FQeTI5dmJsY0hCd1k5RnlpZTZJT0tVeStXeVo4cmtDT1BwaHkxdFZFeEVoRFFFZUlqOHlNakloeUx6RUhrSWIyeHNlUFB6ODQ4VWdUWkppWERkQWxpUmh6aWlBTW9JUXBuY1JBSWk3T3pzak91K2lZUllYR0kxMHFCeGtqTjVNMGlZQ0VORFF4OXBUM2hCZGtXQi9jU1pqM01ERFJRbnhTWnZCZ3NUb2IrLy96WFpFQVc4TURuemNXNmd3VnhUeStUTmdJMGk4TGpzNk9oNGZuMTlmVXcyc1Y2VXJscUFTUEp5M0lNSXVRMFFvVnd1KzZaYlcxdCszdFBUTTZJQ0FyQU1DaXBicDZzVUlKSThteHBrRUlCbnY2M1h0QW5hbnArZk14WkxnTnlKazVOeGNOQ0lNbzR3R3lVZVYrelkyRmYxZGdkcHl1VE1Kbzg3Q05tS0VPeUQ5dlMxdjcvL2pYTEdkT2JqM0VBRFJTVWNzU0p2T3JJVklVZ2VBV2wvZW5yNjdjVEV4TmVVNHlCcEFaekpHNmVqUkdna2IyWi9kWFgxUGZWeFYvaGZ1Q2M0cFNRRmlFM2VlQndtUWhqNTVlWGwyYW1wcVMvVi9qL2hYSEFXSVNrQldpWXY1LzNVS0VJWWVTMkJXek16TTVEL1J3My9GZTRJUk1LRmN1dVVoQUNKa1RkZUIwVVFVZjgydVFuN3VibTVKUW16cjRxYThKZHdXMENBU3hHZyswMVRxd0lrVHQ1NHk1UEJsSVBrWjJkbmx4Y1hGL2RVOTRmd3AvQzNjQ2F3Qks1MUQ3Z3k4cHBkRDlJaTVlZG01aUcvdExSa3lDTUFFY0Rzc3djUS90Y21RSnJrZjVjd0FQS3NmMlkvRm5uMUUrdXZzYXlRTjZFUGVkWStmSnpodWdjOFZ1UlJ5MFVBYlAwM1BBNGltcjNlMHJFTExOWThJUThJKzBSbTN2Z0hLVk51bG1NSCtTSUhFQnhFWUJ6bU9IVzJDT3Nqc09GQkhDUk9IaDhoUnQ0TWZGNFMrbnh1UGxzL2dMaDBobWQyNm1ZZE5kYWxUUjUvYkFUQXhwLzlrNU9UTnppQTRNdnRVWThwT3JSRkZzampLK1RJbXdFYlg0Q3VycTRoRE0xQkJDTGMxSm1IQjRBY2VSZ0lmMnc0YkNoS2dPY3doRGo1VFNjUEI4aVJod0VCV1A5K0JJUVoyZDdQU3RnSC9iVVJBQnNqUXJDdFV6bUw1Q0VBT2ZKbU1GR0FDTTNzUXV1eVNoNkhvd1NBdkVHVUxmMWRRcGJKNDJ3c1VqUzBRUnJrYmZ3SzJ0Z0l3QW1MRHc0Z2FXeSsxU0hJZFNONFQrQ1kyend0eU0wVDQ3cmU4QnA5Q3J1T0VzQW5yc1o4Wjk4ckZBcGNlMFlBaU9tZTF3aklJNExhaFgzUDgyb0xydVQxbG5GdDRTTEEzYlcxdFhmcG1ObUVQT1V3SUJKSFc5aGl3ekdXRGpOMlZZWTRTSjI4ZkxFNkQyRDIrZWErTXprNStkWHU3dTc3TklUWXhjV0ZGd2JJSThMeDhmRjNFdXVXanJFeVJ4NGVOaEhBWVFNQ2NPeDBlM2g0K0czOTIvT0IvcEQ4bEE3Q0FQSHA2ZWszdTd1N3A3Vlg3TWp1TnlFek15OWYvR1FqQUJIQWdTTkhUM3lMMTBaSFI5K3FWQ3J2YU8yL0tMd3N2Q3BNMVBHSzhwY2d2ckt5QXZGZk5SSkFnT0FoSnFJaXJxclRTMUVDNEprUmdBaEFBQTRqSWZTTEtuK3Vnekl3MXlZL3JkY2I4c0V6dk5USnl6ZnJQUUJuT1hmbkJKYk5DMEtRL0VtZC9DaDhYOGNQeWdIM3FFTVViSm41ekpHWHIxWUNZQmVNQW9nZ1FqQVNJQm9FRWNKNng0YW9RVGdpS0JOaER5RURteVdBTGMvL29BajhGUVV4L3BWQkRNQXNBOHFBT29oalMvUVFSZlJCZjVtQnJRQTRiRVJnRmlIRWpMSXhRcklSM0tjZU8rd2hUbnY2eVJSY0JBZzZEaGxJTWFzQWtnWmNBK3F4QzdiTFhEbXVBSmtqRXRlaFhJQzR5ajB1N1c1OEJMUTZFZmNCQUFELy83YmpxNjRBQUFBR1NVUkJWQU1BTUpYNHJsQ2FESTRBQUFBQVNVVk9SSzVDWUlJPSIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIi8+PC9zdmc+) 8 24, auto;
1873
- }
1874
- .m-editor--drawing-tool-pen {
1875
- cursor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBSmRFbEVRVlI0QWV5WlMyeFZWUlNHejZrZ0JVSjRoUEFJanhBU0VoSkN3a0NOK0lCTEFJR3hUdFNKRTRkZ1JDdFdvYjBGQnpoaWJnSWl3a0FuQ2tnQ0RZUkNERGFvQTJPMXBqTVNIcTJsRHdxMXBVLy9iOU5WZGsvUGZmYmVpOVNTdmJwZmE2Kzkvbit0dmMvaDNMTGdmLzV2aW9Bc0V5Q1VIbVE5bzNxYUovUVoxOURUV1RJNUQzQkFBdnBaUVN5WHpCd1Iyc2dNOVptYnJocGRiTEpPM2Y5K3dkbFVYZ0tDZVFlK3FhbHBhMjl2NzRYaDRlRXVwTFcxdGJxdHJhMjZvYUZobXd4QVNwU01wNElRQU1yL2NRWHdSQk1RNVFLYlhMTm16UTh6WnN4NDJUUVhMbHo0NFlJRkN5cldyVnQzUm9SMDl2VDBuSmRlVFh0N2U0MUkyU0c5V1NNU0pRYTdxZmJWa3RLV09FZDg4RFB2M0xsVEJWamNxcW1wQ2JaczJSS0VZUmpRUnVycTZwZ0t5c3ZMWDBKdi92ejVIOFdSMHRqWStKb1VMVk00TW9pUndaNmFMbjJKRW9BampMbkkzNzU5KzhDU0pVdjI0aFpnazhsa1lJQnBJMFlJTlRxSTZmaWtyRjI3OXF3eTVaNHlwWllza1UweWhPeDRva1FBVnI2TUZnaHdaMTZSMzc5MDZkTDNtUUVVWUdsZnZudzVRT2dqaVVTQzRRRFE5QkhJQ01QUVpRdHJFYWVrUDVBeVgxa2lNanAwWkpLZG5aMUpEWk1aUGhFYUtrMkpFa0RmUlgvMjdObXY0QUxPQTRvMmN1WEtsU0NSU0FUVjFkVk9JRU5neHBDQ0h1S1RFb2JobUtQRFBFZG03dHk1KzFwYVdxclZKeU40b2hBQWprYW9zYUlYQU5zbWJNakdqb0E1YythOHdJU0I5K3NhM1FYTStlS1RBaUVJNUxBT01WM2FTQmcrdWtjWVg3Um8wUWZTYnlNajFPZFk0QU8rNEpPR2lsZWlCTkFuQWtRaUlJSnNuVWdrWExSeG5ENTFIQW5NK1dMcnlCWUJEQkRXbWc3dE1IeE1CQm1oYktqU2ZNbElBTEQyY3dXMjZjTThFWENwem93UkFSQ2Nab3c2R3hMUTlRVWJSZ1EybUtNMlcyU0Q3cDhER29jRWdvRlA2aGFuUkkwYkNXVkt4OS9Za2loU0Y1SUU3RUVFQW5qNjFFWUNUNTZyVjY5dTFUaVpXRlFTb2dSb1QxY2d3alhpL3FSeVBFNDMwMWdxV3hzMmJLalEybGtTZXpxazlVbDZlWlVvQWNPeWdneWRPblhxaE5ydTdGTmJkR2dqcVJ4bkxsZUoyaUxidUlSdjNManhzV3dWTkF0a2IwenhDUUE0TWlTTndXblRwZzJxVGx1aWprZEpTcnM0TXVuYk1qc3JWNjdjSXpYL0hhSGdXUkFsd0lIWHBnTzdkKy8rVmZXNGk1QXhYM3pIL1hQczYyVGJ4aGE2WkFCQysvVHAwNXRWRnkwTFVoRkE5UHVibTV0LzErWTVrNER6Q0crRVNCZytmaXZFWGpxQlJPWXRDelp0MnZTZStpVWhRUHNFZGdRRzFPa3ZLeXVqcjJibVF2VE1lVUFqa0lDd21wcDVHMmNzVHJERE9QclU4K2JOZSs3Y3VYT3ZxczJqbVVkMFFZK0Jud0hhSTdBalFBWU1uRHg1OG1zR3pTbUxDbU54Z3A0OU5wa0hNRytEOXR4bkRtQ1o3S0RIZW5TcHU3dTdlUklnQlg4a1Jna2c0cEJBQmd4TW56NmRHaCt5Rm5NYThENGh0Q0VEY09nZ3FZeWk0OCt0WDcvK1JmVXRBNkkrYXlyL0VqVm1CTGdNMkxObnp5K1lOb2ZTT1kyZVJkYkFNeFlWaUdETWRHbEhaZk5tN3IzQWZYTmdidkhpeGMrckp2b2NBWHd1MkRIQW1HeVBsakVFYURUcmkxQzZXWlZzeWZTTkRRME5BZGpQQVBxK1N0N3RLQUVZTWhKSS81d3VRaFlqRmtIYStZaVJaR3QxaHdDWU84QklvRy9URTZyakNPQU80QWdnNHk1Q3ZnZWsydEdBcDB0dk8wWlJrTDVOMDZGRzlML0VEUjBkSGNla1UzQVM0Z2p3TTJEY1JZaERjaVMyR0NoMGtEZ2xJOGQwNDNTWTR4NWh6aDZiUEE2N3VycSswWmlSRU9lN3BuTXJjVWFNQURLZ1h4Zmh6NWpFS1dxQUliVGp4SGZjd0tMSEdnT0RMYnNNbVlzVDVuMWJySitqanpRWEwxNU1TSitqd0tVWTU3K21zeTl4Qm53QzNEMFFmU05NZHd4OHh3RVFocUg3RkpZTGVIUGZ0MlY3cmw2OW1rOTFaQUZQaE5CMDg2M2pDTUNXM1FNUTBCZDlJU0lhS0tVU2N4d0NUSWVvOHg2QTBMYnhYT3Urdmo0aUR3SFVxZnpQMm13cUEyU0JPd0t5MUZkUlVUSDZQb0R6RUlCb0xtV0JCRVEzdVBzVWxnOXdqcENSaUMwMkd4d2N4R2VMZnRFem9GK2I5a2tlNmpOVmcrckFITEdVWnF3WTRvT0hQUGFvcjY4L3BSOWR2cUNkcldUU2c4MDRIY3NBZHdTazBHc2ZTTWdBUkdPamIycTBDeWxSOE95bkgybisyTGh4NDNIdFExRElUbnhFTkpSL1NVVUFGcmtISU9DaE9qMDZCdGYxbmU1YnRkMXZBRGhWVjFmbmZ2eGdyRkFTQi83V3JWdU55NVl0cTlRZTNaSmVDVm1KYi9pb2J2NGxHd0xZckVkYlBOQ0x6cGMzYjk3OFUrMHhKT0EwWkRBK0VjRk9NcGwwSmtoN1NOWitmeTFmdnZ4VERYWkpIa2ora1JBVXl3SjE4eS9wQ0NDOTJNUUlnUDM3SzFhc3FDUWliR24zQVU1ekp3Q0E4WHlFdGRoaHJROWUrKzNYMkwwUnVhK2FZT0FUR1lDUEdzcS9wQ01BcTZRWUc1RjJFRUFVN2hFUklrT0V1T1hOY2Vvd2ZQUkRCNEN5elFwMFdjdUdFZkQ4UHRDcGNRUVN5QUI4NFI3QXQ1SVJBT05HQU01MEtqS2Y2SzNzZXpubm5neFJJZ0JFVm9SaDZGNkV3dkFSTWVqNzRvTm5EYVF5Zi9Ub1VWNTczVjdxVXdQZW9rOW1UaGk4N0FhWk1nQWRtSVp4bURjU09qVFJzWDM3OXE4dVhicjBuZHF1Y0NTTUNCK01tOVFmeGdDc3BpdTBHYU5EemZxUjlrSDFyNmtOY0FUd25IMENRVVlXQkx6c1owVUFtOEU0SkJBQnppRk90Y3RBMjdadDI0NkZZZmpXaFFzWHpxanZDa0FRMGhsQ0VOcE1DcGg3ZktZQ3IzV0hOUGVUZE5uRDByNG80TFZIVmdTZ0J3a3dUd1RHa1NDRnRwMDdkeDRYRVcvWDF0YWVQbi8rL0ZuOXFOR2s4ZEZDYXZza1FBU1QxQUpOTTZpcXF2cnM0TUdEOWVvWWVNZzI4QVFCUHpSZHVKTE5FYkRkMkJ3U2VBVDVKTFJKb1hWRTd1N1lzZVBZcmwyN1RxeGF0YXBHaEx3amVYZnYzcjFITk84K3J3TTRrVWk0Tm9UNDRBOGRPZ1I0amhjRWNPRUNudjNZbDZPSW1ZSktMZ1N3TVNRUWlXZ21HQWwvUzhtWHUrcTNIVGx5NUhwbFplWG5hcnNMRStCSVFrUXdSdVFGbnJRdktYajJ6cFVBMWhnSjNBblJpeEhBRU5BaVJhUjVwRzQ5ZlBqd05XWERtL2JrMEhqQW8xVG52VWJndWZBQWp4QjVMbHRzRnkzeTdJL2tRd0RyZkJKSVVZNEVOelhPazc0QUlTc2dCQms5SW5weWNHbStMakxlMEtOMG40N0VqektJTG10WWp4MERUN1pwdW5nbFh3TE1JNGdnU2h3Skk0TG9jWGtCaGxzY1lEd3hqQWd5eEJmR21VZTNwT0FCTVZFQ3NJRkFCTkhpV0VUSkFCUmtrQmxFbW13d0FtZ3o5a1RBNDNpaENNQ1dDV1J3WXhzaGxoaytFWllWa0FJNVpBMTZaQlByekZiT2RhNExpa0ZBMUFmSUFCaVp3VjBCV01oQWFEUEdIRG9sQlkranBTQ0FmY2dLd0FFU3NFUWJvYzJ4WVJ5aTBDMnBsSW9BQXdVUkNHQk42TnQ4eWV0U0UxQnlnSmsybkNJZ0UwT1RmWDRxQXlaN2hEUGhtOHFBVEF4Tjl2bXBESmpzRWM2RWJ5b0RNakUwMmVlbk11QnBqL0JFL2Y4WEFBRC8vemM3eStFQUFBQUdTVVJCVkFNQUg2M2h2WjBON3dnQUFBQUFTVVZPUks1Q1lJST0iIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIvPjwvc3ZnPg==) 4 4, auto;
1876
- }
1877
- .m-editor * {
1878
- box-sizing: border-box;
1879
- }
1880
- .m-editor__drawboard {
1881
- position: relative;
1882
- width: 100%;
1883
- height: 100%;
1884
- overflow: hidden;
1885
- }
1886
- .m-editor__drawboard > * {
1887
- pointer-events: none;
1888
- }
1889
- .m-editor__canvas {
1890
- position: absolute;
1891
- left: 0;
1892
- top: 0;
1893
- width: 100%;
1894
- height: 100%;
1895
- display: block;
1896
- }
1897
- .m-overlay-container {
1898
- position: absolute;
1899
- left: 0;
1900
- top: 0;
1901
- width: 100%;
1902
- height: 100%;
1903
- pointer-events: none;
1904
- }.m-dialog > * {
1905
- box-shadow: var(--m-shadow);
1906
- }/*$vite$:1*/
1
+ .m-icon{font-feature-settings:"liga";letter-spacing:normal;height:1em;opacity:var(--m-icon-opacity,1);text-indent:0;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle;justify-content:center;align-items:center;width:1em;min-width:1em;line-height:1;display:inline-flex;position:relative}.m-icon__svg{fill:currentColor;width:100%;height:100%}.m-frame{position:absolute}.m-frame--outline{outline:1px solid #0000002b}.m-frame--lock{pointer-events:none}.m-frame--hover .m-frame__name>div,.m-frame--selected .m-frame__name>div{opacity:1}.m-frame__name{transform-origin:0 100%;pointer-events:auto;-webkit-user-select:none;user-select:none;max-width:100%;font-size:.75rem;line-height:1.5;position:absolute;top:0;left:0;transform:translateY(-100%)translateY(-4px)}.m-frame__name>div{box-sizing:content-box;min-width:28px;color:rgb(var(--m-theme-on-surface));opacity:.5;white-space:nowrap;text-overflow:ellipsis;max-width:100%;position:relative;overflow:hidden}.m-frame__name>input{outline:1px solid rgb(var(--m-theme-primary));cursor:default;width:100%;height:100%;font-size:inherit;font-weight:inherit;border:none;border-radius:2px;padding:0;position:absolute;top:0;left:0}.m-frames{position:absolute;inset:0}.m-hover{color:rgba(var(--m-theme-primary), 1);border-style:solid;border-width:2px;position:absolute}.m-btn{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:.75rem;display:flex}.m-btn:hover{color:rgb(var(--m-theme-on-background));background:rgb(var(--m-theme-background))}.m-btn--icon{width:24px;height:24px}.m-btn.m-btn--active{color:rgb(var(--m-theme-on-primary));background:rgb(var(--m-theme-primary))}.m-layer{height:32px;padding-left:var(--indent-padding,0);border-radius:4px;flex:none;align-items:center;width:100%;min-width:max-content;font-size:.75rem;display:flex;position:relative}.m-layer__underlay,.m-layer__overlay{pointer-events:none;border-radius:inherit;position:absolute;inset:4px 0 4px 12px}.m-layer__underlay{background-color:var(--underlay-color,transparent)}.m-layer__overlay{background-color:var(--overlay-color,transparent)}.m-layer--root{font-weight:700}.m-layer--root .m-layer__thumbnail{display:none}.m-layer--hover{--overlay-color:rgba(var(--m-theme-on-background), var(--m-hover-opacity))}.m-layer--active{--underlay-color:rgba(var(--m-theme-primary), calc(var(--m-activated-opacity) * 2))}.m-layer--active:hover{--overlay-color:rgba(var(--m-theme-primary), calc(var(--m-hover-opacity) * 2))}.m-layer--active .m-layer__underlay{border-radius:0;top:0;bottom:0}.m-layer--active:not(.m-layer--active+.m-layer--active) .m-layer__underlay{border-top-left-radius:4px;border-top-right-radius:4px;top:4px}.m-layer--active:not(:has(+.m-layer--active)) .m-layer__underlay{border-bottom-right-radius:4px;border-bottom-left-radius:4px;bottom:4px}.m-layer--selected{--underlay-color:rgba(var(--m-theme-primary), calc(var(--m-activated-opacity) * 3))}.m-layer--open .m-layer__prepend .m-icon{transform:rotate(90deg)}.m-layer__arrow{opacity:.6;margin-left:2px}.m-layer__prepend{flex:none;align-items:center;width:16px;height:100%;display:flex}.m-layer--dropping .m-layer__content:after{content:"";background-color:rgb(var(--m-theme-on-background));pointer-events:none;border-radius:inherit;height:2px;position:absolute;bottom:0;left:0;right:0}.m-layer__content{flex:1;align-items:center;height:100%;display:flex;position:relative}.m-layer__thumbnail{align-items:center;width:12px;height:100%;margin-right:4px;font-size:.75rem;display:flex;overflow:hidden}.m-layer__name{overscroll-behavior:none;flex:1;position:relative}.m-layer__input{outline:1px solid rgb(var(--m-theme-primary));width:100%;height:100%;font-size:inherit;font-weight:inherit;border:none;border-radius:2px;padding:0;position:absolute;top:0;left:0}.m-layer__action{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border-radius:4px;flex:none;align-items:center;display:flex;position:sticky;right:0}.m-layer__action .m-layer__btn{opacity:0}.m-layer__action--hover .m-layer__btn{opacity:1}.m-layer__action--show{background-color:var(--overlay-color,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.m-layer__btn--show{opacity:1!important}.m-layer__btn+.m-layer__btn{margin-left:-4px}.m-layers{background-color:rgb(var(--m-theme-surface));width:100%;min-width:auto;height:100%;padding-right:8px;position:relative;overflow:auto}.m-layers__wrapper{width:max-content;min-width:100%}.m-layers .m-layer__prepend{opacity:0}.m-layers .m-layer--root:hover .m-layer__prepend,.m-layers:hover .m-layer:not(.m-layer--root) .m-layer__prepend{opacity:1}.m-layers .m-layer{scroll-margin:8px}.m-made-with{opacity:.38;color:#000;text-align:center;box-sizing:border-box;border:2px solid;border-radius:4px;padding:2px 4px;font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-size:.75rem;line-height:1;text-decoration:none;position:absolute;bottom:18px;right:18px;pointer-events:auto!important}.m-made-with div:last-child{letter-spacing:1px;font-weight:700}.m-manage-memory{justify-content:space-between;align-items:center;padding:12px;font-size:12px;display:flex}.m-overlay{pointer-events:none;display:flex;position:absolute;inset:0}.m-overlay-content>*{pointer-events:auto}.m-menu{-webkit-user-select:none;user-select:none}.m-list{background-color:rgb(var(--m-theme-on-surface));color:rgb(var(--m-theme-surface));box-shadow:var(--m-shadow);max-height:inherit;border-radius:8px;flex-direction:column;gap:2px;padding:8px;display:flex;overflow-y:auto}.m-list__divider{border-bottom:1px solid rgba(var(--m-theme-surface), .12)}.m-list-item{cursor:pointer;border-radius:4px;align-items:center;gap:12px;width:100%;padding:4px 8px;display:flex}.m-list-item--opened,.m-list-item:hover{background-color:rgba(var(--m-theme-primary), 1);color:rgba(var(--m-theme-on-primary), 1)}.m-list-item--disabled{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.4}.m-list-item__prepend,.m-list-item__checked{justify-content:center;align-items:center;width:12px;height:12px;font-size:.875rem;display:flex}.m-list-item__title{white-space:nowrap;flex:1;align-items:center;font-size:.75rem;display:flex}.m-list-item__kbd{white-space:nowrap;letter-spacing:.08em;opacity:.3;margin-left:24px;font-size:.75rem}.m-list-item__append{justify-content:center;align-items:center;width:12px;height:12px;margin-right:-6px;font-size:.75rem;display:flex}.m-context-menu{pointer-events:auto;width:100%;height:100%;top:0;left:0}.m-context-menu .m-overlay-content{max-height:var(--max-height)}.m-creator{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.m-creator__tree{flex:1;width:100%;padding:8px;overflow:auto}.m-creator__node{height:32px;padding-left:calc(4px + var(--indent-padding,0));border-radius:4px;flex:none;align-items:center;width:100%;min-width:max-content;font-size:.75rem;display:flex;position:relative}.m-creator__node:before{content:"";background-color:var(--underlay-color,transparent);pointer-events:none;border-radius:inherit;position:absolute;inset:4px 0}.m-creator__node:after{content:"";background-color:var(--overlay-color,transparent);pointer-events:none;border-radius:inherit;position:absolute;inset:4px 0}.m-creator__node:hover{--overlay-color:rgba(var(--m-theme-on-background), var(--m-hover-opacity))}.m-creator__node--active{--underlay-color:rgba(var(--m-theme-primary), calc(var(--m-activated-opacity) * 3))}.m-creator__node--active:hover{--overlay-color:rgba(var(--m-theme-primary), var(--m-hover-opacity))}.m-creator__actions{flex-basis:max-content;border-top:1px solid rgba(var(--m-border-color), var(--m-border-opacity));justify-content:space-evenly;align-items:center;height:24px;padding:8px;display:flex}.m-tooltip .m-overlay-content{background:rgb(var(--m-theme-surface-variant));color:rgb(var(--m-theme-on-surface-variant));text-transform:initial;opacity:1;overflow-wrap:break-word;width:auto;box-shadow:var(--m-shadow);border-radius:4px;padding:8px;font-size:.75rem;line-height:1;transition-property:opacity,transform;display:inline-block}.m-tooltip__content{align-items:center;display:flex}.m-tooltip__arrow{z-index:15;border:6px solid #0000;width:0;height:0;position:absolute}.m-tooltip--side-left .m-tooltip__arrow{border-right:none;border-left-color:rgb(var(--m-theme-surface-variant));top:50%;right:0;transform:translate(100%,-50%)}.m-tooltip--side-left.m-tooltip--align-start .m-tooltip__arrow{top:25%}.m-tooltip--side-left.m-tooltip--align-end .m-tooltip__arrow{top:75%}.m-tooltip--side-top .m-tooltip__arrow{border-bottom:none;border-top-color:rgb(var(--m-theme-surface-variant));bottom:0;left:50%;transform:translate(-50%,100%)}.m-tooltip--side-top.m-tooltip--align-start .m-tooltip__arrow{left:25%}.m-tooltip--side-top.m-tooltip--align-end .m-tooltip__arrow{left:75%}.m-tooltip--side-right .m-tooltip__arrow{border-left:none;border-right-color:rgb(var(--m-theme-surface-variant));top:50%;left:0;transform:translate(-100%,-50%)}.m-tooltip--side-right.m-tooltip--align-start .m-tooltip__arrow{top:25%}.m-tooltip--side-right.m-tooltip--align-end .m-tooltip__arrow{top:75%}.m-tooltip--side-bottom .m-tooltip__arrow{border-top:none;border-bottom-color:rgb(var(--m-theme-surface-variant));top:0;left:50%;transform:translate(-50%,-100%)}.m-tooltip--side-bottom.m-tooltip--align-start .m-tooltip__arrow{left:25%}.m-tooltip--side-bottom.m-tooltip--align-end .m-tooltip__arrow{left:75%}.m-tooltip__kbd{white-space:nowrap;letter-spacing:.08em;opacity:.3;margin-left:16px;font-size:.75rem}.m-ruler{--text-color:rgba(var(--m-theme-on-background), var(--m-low-emphasis-opacity));--border-color:rgba(var(--m-border-color), var(--m-border-opacity));width:100%;height:100%;position:absolute;top:0;left:0}.m-ruler--vertical{width:var(--size)}.m-ruler--horizontal{height:var(--size)}.m-ruler__canvas{pointer-events:auto;background-color:rgb(var(--m-theme-surface));-webkit-backdrop-filter:blur(var(--m-blur));backdrop-filter:blur(var(--m-blur));display:block}.m-ruler-refline{justify-content:center;align-items:center;width:10px;height:10px;display:flex;position:absolute;pointer-events:auto!important}.m-ruler-refline:before{content:"";border-style:dashed;border-width:0;border-color:var(--line-color);width:100%;height:100%;display:block}.m-ruler-refline--vertical{cursor:ns-resize;transform:translateY(-50%)}.m-ruler-refline--vertical.m-ruler-refline:before{border-top-width:1px;height:0}.m-ruler-refline--horizontal{cursor:ew-resize;transform:translate(-50%)}.m-ruler-refline--horizontal.m-ruler-refline:before{border-left-width:1px;width:0}.m-ruler-refline--temp{opacity:var(--m-low-emphasis-opacity);pointer-events:none!important}.m-ruler-refline--locked{cursor:not-allowed}.m-rulers{position:absolute;inset:0}.m-rulers__left-top{border:1px solid rgba(var(--m-border-color), var(--m-border-opacity));background-color:rgb(var(--m-theme-surface));border-top-width:0;border-left-width:0;width:16px;height:16px;position:absolute;top:0;left:0}.m-scrollbar{display:flex;position:absolute;pointer-events:auto!important}.m-scrollbar--vertical{flex-direction:column;right:0}.m-scrollbar--horizontal{bottom:0}.m-scrollbar__track{flex:1}.m-scrollbar__thumb{background-color:rgba(var(--m-theme-on-background), var(--m-low-emphasis-opacity));-webkit-backdrop-filter:blur(var(--m-blur));backdrop-filter:blur(var(--m-blur));border-radius:3.40282e38px;position:absolute}.m-scrollbar__thumb--active,.m-scrollbar__thumb:hover{background-color:rgba(var(--m-theme-on-background), var(--m-medium-emphasis-opacity))}.m-scrollbars{position:absolute;inset:0}.m-scroll-to-selection{color:rgba(var(--m-theme-surface), 1);background-color:rgba(var(--m-theme-on-background), var(--m-medium-emphasis-opacity));-webkit-backdrop-filter:blur(var(--m-blur));backdrop-filter:blur(var(--m-blur));cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:.875rem;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);pointer-events:auto!important}.m-transform{top:0;left:0}.m-transform__svg{pointer-events:none;width:100%;height:100%;color:rgb(var(--m-theme-primary));stroke:currentColor;position:absolute;top:0;left:0;overflow:visible}.m-transform__diagonal{stroke-width:1px;stroke-dasharray:2;visibility:hidden}.m-transform__rect{stroke-width:1px}.m-transform__handle{fill:#fff;stroke-width:1px}.m-transform__handle-rect{stroke-width:1px;fill:#0000;stroke:#0000}.m-transform__rotator{fill:#fff;stroke-width:.5px;stroke:currentColor}.m-transform__tip{background-color:rgb(var(--m-theme-primary));color:rgb(var(--m-theme-on-primary));text-wrap:nowrap;border-radius:3px;padding:2px 4px;font-size:.75rem;position:absolute;bottom:0;left:50%;transform:translate(-50%,calc(100% + 8px))}.m-transform--dashed .m-transform__rect{stroke-dasharray:4}.m-transform--resizing .m-transform__diagonal{visibility:visible}.m-transform--moving .m-transform__handle,.m-transform--moving .m-transform__handle-rect,.m-transform--moving .m-transform__rotator,.m-transform--moving .m-transform__tip{visibility:hidden}.m-transform--moving .m-transform__rect,.m-transform--moving .m-transform__svg-slot{opacity:.4;stroke-width:.5px}.m-transform--ui-hide .m-transform__handle,.m-transform--ui-hide .m-transform__handle-rect,.m-transform--ui-hide .m-transform__rect,.m-transform--ui-hide .m-transform__rotator,.m-transform--ui-hide .m-transform__tip{visibility:hidden}.m-cropper{pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}.m-cropper__source{transform-origin:0 0;width:100%;height:100%;position:absolute}.m-cropper__source canvas{width:100%;height:100%;position:absolute}.m-cropper__transform{color:rgba(var(--m-theme-primary), 1);opacity:.5;position:absolute}.m-cropper__transform_rect{width:100%;height:100%}.m-path-editor{pointer-events:none;width:100%;height:100%;color:rgba(var(--m-theme-primary), 1);position:absolute;top:0;left:0}.m-path-editor__hit{fill:none;stroke:#0000;stroke-width:12px;pointer-events:stroke;cursor:copy}.m-path-editor__handle-line{stroke:currentColor;stroke-width:1px;stroke-dasharray:3 2;opacity:.6}.m-path-editor__anchor{fill:#fff;stroke:currentColor;stroke-width:1.5px;pointer-events:auto;cursor:move}.m-path-editor__anchor--selected{fill:rgba(var(--m-theme-primary), 1)}.m-path-editor__control{fill:currentColor;stroke:#fff;stroke-width:1px;pointer-events:auto;cursor:move}.m-selection{position:absolute;inset:0}.m-selection__slot{position:absolute}.m-selection__parent{pointer-events:none;color:rgba(var(--m-theme-primary), 1);opacity:.5;border:1px dashed;position:absolute}.m-selection__marquee{color:rgba(var(--m-theme-primary), 1);background-color:rgba(var(--m-theme-primary), .1);border:1px solid;position:absolute}.m-selection__transform{color:rgba(var(--m-theme-primary), 1);position:absolute}.m-selection__node{color:rgba(var(--m-theme-primary), 1);border:1px solid;position:absolute}.m-smart-guides{position:absolute;inset:0;overflow:hidden}.m-smart-guides__alignment{background-color:rgb(var(--m-theme-secondary));width:1px;height:1px;position:absolute}.m-smart-guides__dashed{background-image:repeating-linear-gradient(to right, rgba(var(--m-theme-secondary), .6) 0 4px, transparent 4px 7px);position:absolute}.m-smart-guides__dashed--vertical{background-image:repeating-linear-gradient(to bottom, rgba(var(--m-theme-secondary), .6) 0 4px, transparent 4px 7px)}.m-smart-guides__distance{background-color:rgb(var(--m-theme-primary));justify-content:center;align-items:center;display:flex;position:absolute}.m-smart-guides__distance:before,.m-smart-guides__distance:after{content:"";background-color:rgb(var(--m-theme-primary));position:absolute}.m-smart-guides__distance:before{width:1px;height:8px;inset:50% auto auto 0;transform:translateY(-50%)}.m-smart-guides__distance:after{width:1px;height:8px;inset:50% 0 auto auto;transform:translateY(-50%)}.m-smart-guides__distance--vertical:before{width:8px;height:1px;inset:0 auto auto 50%;transform:translate(-50%)}.m-smart-guides__distance--vertical:after{width:8px;height:1px;inset:auto auto 0 50%;transform:translate(-50%)}.m-smart-guides__label{white-space:nowrap;color:rgb(var(--m-theme-on-primary));background-color:rgb(var(--m-theme-primary));pointer-events:none;border-radius:8px;padding:1px 5px;font-size:10px;font-weight:600;line-height:1.4;position:absolute}.m-smart-guides__area{background-color:rgba(var(--m-theme-secondary), .2);justify-content:center;align-items:center;display:flex;position:absolute}.m-smart-guides__area:before{content:"";background:rgb(var(--m-theme-primary));width:100%;height:1px}.m-smart-guides__area:after{content:"";border-left:1px solid rgb(var(--m-theme-primary));border-right:1px solid rgb(var(--m-theme-primary));width:100%;height:5px;position:absolute}.m-smart-guides__area--vertical:before{width:1px;height:100%}.m-smart-guides__area--vertical:after{border-left:none;border-right:none;border-top:1px solid rgb(var(--m-theme-primary));border-bottom:1px solid rgb(var(--m-theme-primary));width:5px;height:100%}.m-smart-selection{position:absolute;inset:0;overflow:hidden}.m-smart-selection__node{justify-content:center;align-items:center;display:flex;position:absolute}.m-smart-selection__node--active .m-smart-selection__ring{background:rgb(var(--m-theme-primary))}.m-smart-selection__ghost{border:1px solid rgb(var(--m-theme-primary));position:absolute}.m-smart-selection__ring{border:1px solid rgb(var(--m-theme-secondary));outline:1px solid rgb(var(--m-theme-on-secondary));pointer-events:auto;border-radius:100%;width:1px;height:1px}.m-smart-selection__ring:hover{background:rgb(var(--m-theme-secondary))}.m-smart-selection__spacing{visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.m-smart-selection__spacing-line{pointer-events:auto;justify-content:center;align-items:center;width:10px;height:10px;display:flex}.m-smart-selection__spacing-line:before{content:"";background-color:rgb(var(--m-theme-secondary));width:100%;height:100%;display:block}.m-smart-selection--hover .m-smart-selection__ring{width:10px;height:10px}.m-smart-selection--hover .m-smart-selection__spacing{visibility:visible}.m-smart-selection--vertical .m-smart-selection__spacing-line{cursor:row-resize;height:6px}.m-smart-selection--vertical .m-smart-selection__spacing-line:before{height:1px}.m-smart-selection--horizontal .m-smart-selection__spacing-line{cursor:col-resize;width:6px}.m-smart-selection--horizontal .m-smart-selection__spacing-line:before{width:1px}.m-smart-selection--ring .m-smart-selection__spacing{visibility:hidden}.m-smart-selection--spacing .m-smart-selection__spacing{visibility:visible;background-color:rgb(var(--m-theme-secondary));opacity:.3}.m-smart-selection--spacing .m-smart-selection__spacing-line{visibility:hidden}.m-progress-indicator[data-v-cc8ac0cb]{align-items:center;gap:12px;display:flex}.m-progress-indicator__status[data-v-cc8ac0cb]{color:rgb(var(--m-theme-on-surface));font-size:.75rem}.m-progress-indicator__bar[data-v-cc8ac0cb]{background-color:rgb(var(--m-theme-background));border-radius:4px;width:100px;height:6px;position:relative;overflow:hidden}.m-progress-indicator__bar-fill[data-v-cc8ac0cb]{background-color:rgb(var(--m-theme-primary));height:100%;transition:width .3s;position:absolute;top:0;left:0}.m-progress-indicator__bar-indeterminate[data-v-cc8ac0cb]{background-color:#3b82f6;width:30%;height:100%;animation:1.5s linear infinite indeterminate-slide-cc8ac0cb;position:absolute;top:0;left:-30%}@keyframes indeterminate-slide-cc8ac0cb{0%{left:-30%}to{left:100%}}.m-statusbar[data-v-12c3be94]{-webkit-user-select:none;user-select:none;background-color:rgba(var(--m-theme-surface), 1);width:100%;height:100%;color:rgba(var(--m-theme-on-surface), 1);white-space:nowrap;align-items:center;gap:4px;padding:0 8px;font-size:.75rem;font-weight:700;line-height:1;display:flex;position:relative;overflow-x:auto}.m-statusbar__main[data-v-12c3be94]{flex:1;align-items:center;gap:4px;height:100%;display:flex}.m-statusbar__item[data-v-12c3be94]{align-items:center;gap:4px;display:flex}.m-statusbar__item>svg[data-v-12c3be94]{width:1em;height:1em}.m-statusbar__divider[data-v-12c3be94]{border-right:1px solid rgba(var(--m-theme-on-surface), .1);width:0;height:60%;margin:0 8px}.m-statusbar__kbd[data-v-12c3be94]{outline:1px solid rgba(var(--m-theme-on-surface), .1);border-radius:4px;justify-content:center;align-items:center;padding:0 2px;font-family:system-ui,-apple-system,sans-serif;font-size:.75rem;display:flex}.m-table-editor{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0;overflow:visible}.m-table-editor__box{pointer-events:auto;box-shadow:0 0 0 1px rgba(var(--m-theme-primary), .5);position:absolute}.m-table-editor__bar{box-sizing:border-box;border:1px solid rgba(var(--m-theme-on-background), .16);background:#fff;border-bottom:none;align-items:stretch;font-size:12px;display:flex;position:absolute}.m-table-editor__bar-name{border-right:1px solid rgba(var(--m-theme-on-background), .16);width:100%;max-width:56px;color:rgb(var(--m-theme-on-background));flex:none;justify-content:center;align-items:center;padding:0 6px;font-weight:600;display:flex}.m-table-editor__bar-content{white-space:nowrap;text-overflow:ellipsis;color:rgb(var(--m-theme-on-background));flex:1;align-items:center;padding:0 8px;display:flex;overflow:hidden}.m-table-editor__cell{box-sizing:border-box;cursor:cell;position:absolute}.m-table-editor__text{z-index:4;pointer-events:auto;position:absolute}.m-table-editor__text-editor{cursor:text;pointer-events:auto!important}.m-table-editor__selection{pointer-events:none;z-index:3;border:2px solid rgb(var(--m-theme-primary));position:absolute}.m-table-editor__selection--range{background:rgba(var(--m-theme-primary), .12)}.m-table-editor__corner{box-sizing:border-box;border:1px solid rgba(var(--m-theme-on-background), .16);cursor:pointer;background:#f4f5f7;position:absolute;overflow:hidden}.m-table-editor__corner:after{content:"";border-style:solid;border-width:0 0 7px 7px;border-color:transparent transparent rgba(var(--m-theme-on-background), .5) transparent;width:0;height:0;position:absolute;bottom:2px;right:2px}.m-table-editor__col-header,.m-table-editor__row-header{box-sizing:border-box;border:1px solid rgba(var(--m-theme-on-background), .16);color:rgba(var(--m-theme-on-background), .7);cursor:pointer;-webkit-user-select:none;user-select:none;background:#f4f5f7;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute}.m-table-editor__col-header:hover,.m-table-editor__row-header:hover{background:rgba(var(--m-theme-primary), .12)}.m-table-editor__col-header--active,.m-table-editor__row-header--active{background:rgba(var(--m-theme-primary), .85);color:#fff}.m-table-editor__col-resizer{cursor:col-resize;z-index:5;width:7px;margin-left:-3px;position:absolute}.m-table-editor__row-resizer{cursor:row-resize;z-index:5;height:7px;margin-top:-3px;position:absolute}.m-table-editor__menu{pointer-events:auto;background:rgb(var(--m-theme-surface,255 255 255));z-index:10;border-radius:6px;flex-direction:column;min-width:160px;padding:4px;display:flex;position:fixed;box-shadow:0 4px 16px #0000002e}.m-table-editor__menu-item{appearance:none;text-align:left;cursor:pointer;color:rgb(var(--m-theme-on-surface,0 0 0));background:0 0;border:none;border-radius:4px;padding:6px 10px;font-size:13px}.m-table-editor__menu-item:hover:not(:disabled){background:rgba(var(--m-theme-primary), .12)}.m-table-editor__menu-item:disabled{opacity:.4;cursor:not-allowed}.m-table-editor__menu-sep{background:rgba(var(--m-theme-on-background), .12);height:1px;margin:4px 6px}.m-payhead{width:10px;color:rgb(var(--m-theme-on-surface));position:absolute;top:0;bottom:0;left:-5px}.m-payhead__header{background-color:#0000;border:2px solid;border-bottom:none;width:10px;height:12px;position:sticky;top:0;left:0;right:0}.m-payhead__header:after{box-sizing:content-box;content:"";background-color:#0000;border-bottom:2px solid;border-right:2px solid;width:5px;height:5px;display:block;position:absolute;bottom:0;right:0;transform:rotate(45deg)translate(2.8px,2px)}.m-payhead__main{background-color:currentColor;width:1px;position:absolute;top:16px;bottom:0;left:4px;transform:translate(.5px)}.m-segment{-webkit-user-select:none;user-select:none;color:#fff;background-color:#cc9641;border-radius:2px;flex-wrap:nowrap;align-items:center;height:calc(100% - 4px);font-size:.75rem;display:flex;position:absolute;top:2px}.m-segment--active{outline:1px solid rgb(var(--m-theme-on-surface))}.m-segment__edge{background-color:rgb(var(--m-theme-on-surface));content:"";pointer-events:auto;cursor:col-resize;justify-content:center;align-items:center;width:4px;display:flex;position:absolute;top:0;bottom:0}.m-segment__edge:before{background-color:rgb(var(--m-theme-surface));content:"";width:2px;height:10px;display:block}.m-segment__edge--front{border-top-left-radius:2px;border-bottom-left-radius:2px;left:0}.m-segment__edge--end{border-top-right-radius:2px;border-bottom-right-radius:2px;right:0}.m-segment__node{z-index:1;cursor:move;white-space:nowrap;text-overflow:ellipsis;border-radius:2px;padding:2px 8px;position:relative;overflow:hidden}.m-segment__block{box-sizing:border-box;pointer-events:auto;border:1px solid #fff6;border-radius:2px;height:100%;position:absolute;top:0;overflow:hidden}.m-segment__block--animation{background-color:#ffffff2e}.m-segment__block--animation:hover{background-color:#ffffff47}.m-segment__block--media{background-color:#409c60d9}.m-segment__block--media:hover{background-color:#409c60}.m-segment__block--video{background-color:#7454c4d9}.m-segment__block--video:hover{background-color:#7454c4}.m-track{background-color:rgb(var(--m-theme-background));height:22px;display:flex;position:relative}.m-trackhead{height:22px;min-height:22px;color:rgba(var(--m-theme-on-surface), .8);-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;width:100%;padding:0 4px;font-size:.75rem;display:flex}.m-trackhead:hover{background-color:rgba(var(--m-theme-on-surface), .06)}.m-trackhead--selected{background-color:rgba(var(--m-theme-primary), calc(var(--m-activated-opacity) * 3))}.m-trackhead--dropping{box-shadow:0 1px 0 0 rgb(var(--m-theme-on-background))}.m-trackhead__thumbnail{opacity:.7;flex:none;justify-content:center;align-items:center;width:14px;height:14px;margin-right:6px;font-size:.875rem;display:flex}.m-trackhead__name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;position:relative;overflow:hidden}.m-trackhead__input{outline:1px solid rgb(var(--m-theme-primary));background:rgb(var(--m-theme-surface));width:100%;height:100%;color:inherit;font:inherit;border:none;border-radius:2px;margin:0;padding:0 2px;position:absolute;inset:0}.m-trackhead__action{flex:none;align-items:center;gap:1px;margin-left:4px;display:flex}.m-trackhead__action .m-trackhead__btn{opacity:0;pointer-events:none}.m-trackhead__action--show .m-trackhead__btn{opacity:1;pointer-events:auto}.m-trackhead__btn{width:16px;height:16px;color:inherit;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:.75rem;display:inline-flex}.m-trackhead__btn:hover{background-color:rgba(var(--m-theme-on-surface), .12)}.m-trackhead__btn--show{opacity:1!important;pointer-events:auto!important}.m-timeline{color:rgb(var(--m-theme-on-surface));background-color:rgb(var(--m-theme-surface));flex-direction:column;width:100%;height:100%;display:flex;position:relative}.m-timeline__toolbar{border-bottom:1px solid rgba(var(--m-border-color), var(--m-border-opacity));-webkit-user-select:none;user-select:none;align-items:center;gap:8px;height:28px;padding:0 8px;font-size:.75rem;display:flex}.m-timeline__time{font-variant-numeric:tabular-nums;align-items:center;gap:4px;min-width:120px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;display:flex}.m-timeline__time-sep,.m-timeline__time--muted{opacity:.5}.m-timeline__controls{align-items:center;gap:2px;display:flex}.m-timeline__btn{width:22px;height:22px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.m-timeline__btn:hover{background-color:rgba(var(--m-theme-on-surface), .08)}.m-timeline__btn:active{background-color:rgba(var(--m-theme-on-surface), .16)}.m-timeline__btn--primary{width:26px;height:26px}.m-timeline__toolbar-spacer{flex:1}.m-timeline__main{flex:1;min-height:0;display:flex;position:relative}.m-timeline__left{flex-direction:column-reverse;align-items:center;width:120px;height:100%;padding-top:24px;display:flex;overflow:hidden}.m-timeline__left-wrapper{width:100%;height:100%;padding:0 0 0 4px;position:relative}.m-timeline__right{border-left:1px solid rgba(var(--m-border-color), var(--m-border-opacity));flex-direction:column;flex:1;min-width:0;padding-left:48px;display:flex;position:relative;overflow:hidden}.m-timeline__right-wrapper{width:100%;height:100%;position:relative}.m-timeline__ruler{width:100%;height:24px;min-height:24px;position:relative}.m-timeline__ruler,.m-timeline__ruler *{cursor:default}.m-timeline__track{flex-direction:column-reverse;flex:1;justify-content:start;gap:8px;height:max-content;min-height:100%;display:flex;position:relative;overflow:hidden}.m-drawing{position:absolute}.m-drawing__tip{white-space:nowrap;text-overflow:ellipsis;background-color:rgba(var(--m-theme-surface), 1);border:1px solid #0000002b;border-radius:4px;width:fit-content;height:22px;margin:4px;padding:0 4px;font-size:.875rem;overflow:hidden}.m-toolbelt{box-shadow:var(--m-shadow);background:rgb(var(--m-theme-surface));cursor:default;border-radius:12px;align-items:center;gap:12px;height:48px;padding:8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);pointer-events:auto!important}.m-toolbelt__kbd{white-space:nowrap;letter-spacing:.08em;opacity:.3;margin-left:16px;font-size:.75rem}.m-toolbelt__group{align-items:center;height:100%;display:flex}.m-toolbelt__btn{width:100%;height:100%;font-size:24px}.m-toolbelt__icon{font-size:1rem}.m-toolbelt__arrow{border-radius:4px;width:16px;height:100%;font-size:.75rem}.m-text-editor{width:0;height:0;position:absolute;top:0;left:0;overflow:visible}.m-text-editor__wrapper{position:absolute}.m-text-editor__editor{cursor:move;pointer-events:auto!important}.m-workflow{pointer-events:none;z-index:2;position:absolute;inset:0}.m-workflow__preview{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.m-workflow__preview path{fill:none;stroke:rgb(var(--m-theme-primary,30 200 230));stroke-width:2px;stroke-linecap:round}.m-workflow__port{background:rgb(var(--m-theme-primary,30 200 230));color:#fff;cursor:crosshair;pointer-events:auto;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin:-9px 0 0 -9px;font-size:12px;display:flex;position:absolute;box-shadow:0 0 0 2px #fff}.m-workflow__backdrop{pointer-events:auto;position:fixed;inset:0}.m-workflow__menu{pointer-events:auto;background:#fff;border-radius:12px;min-width:200px;padding:6px;position:absolute;box-shadow:0 8px 24px #00000029}.m-workflow__menu-title{color:#9ca3af;padding:6px 10px;font-size:12px}.m-workflow__menu-item{color:#1f2937;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;font-size:14px;display:flex}.m-workflow__menu-item:hover{background:#f3f4f6}.m-workflow__menu-item-main{align-items:center;gap:8px;display:flex}.m-workflow__menu-item-main .m-icon{color:#6b7280;font-size:18px}.m-workflow__menu-kbd{color:#9ca3af;font-size:12px}.m-floatbar .m-overlay-content{overflow:visible}.m-float-panel{z-index:2000;position:absolute;pointer-events:auto!important}.m-float-panel__card{background-color:rgb(var(--m-theme-surface));width:100%;height:100%;box-shadow:var(--m-shadow);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.m-float-panel__title{border-bottom:1px solid rgba(var(--m-border-color), var(--m-border-opacity));justify-content:space-between;align-items:center;padding:8px;font-size:.75rem;font-weight:700;display:flex}.m-float-panel__content{width:100%;height:100%;position:relative;overflow-y:auto}.m-layout{--m-scrollbar-offset:0px;flex:auto;display:flex}.m-layout--full-height{--m-scrollbar-offset:inherit;height:100%}.m-layout-item,.m-layout-item--absolute{position:absolute}.m-layout-item--left{border-right:1px solid rgba(var(--m-border-color), var(--m-border-opacity))}.m-layout-item--top{border-bottom:1px solid rgba(var(--m-border-color), var(--m-border-opacity))}.m-layout-item--right{border-left:1px solid rgba(var(--m-border-color), var(--m-border-opacity))}.m-layout-item--bottom{border-top:1px solid rgba(var(--m-border-color), var(--m-border-opacity))}.m-main{max-width:100%;padding-left:var(--m-layout-left);padding-right:var(--m-layout-right);padding-top:var(--m-layout-top);padding-bottom:var(--m-layout-bottom);flex:1 0 auto}.m-main__scroller{max-width:100%;position:relative}.m-main--scrollable{width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.m-main--scrollable>.v-main__scroller{--v-layout-left:0px;--v-layout-right:0px;--v-layout-top:0px;--v-layout-bottom:0px;flex:auto;overflow-y:auto}.m-editor{--m-theme-primary:69, 151, 248;--m-theme-on-primary:255, 255, 255;--m-theme-secondary:244, 36, 253;--m-theme-on-secondary:255, 255, 255;--m-theme-surface:255, 255, 255;--m-theme-on-surface:30, 30, 30;--m-theme-surface-variant:35, 37, 41;--m-theme-on-surface-variant:255, 255, 255;--m-theme-background:240, 242, 245;--m-theme-on-background:56, 56, 56;--m-border-color:0, 0, 0;--m-border-opacity:.08;--m-high-emphasis-opacity:1;--m-medium-emphasis-opacity:.5;--m-low-emphasis-opacity:.3;--m-hover-opacity:.04;--m-activated-opacity:.06;--m-shadow:0 8px 32px 2px #00000014, 0 0 1px #0003;--m-blur:8px;background-color:rgb(var(--m-theme-surface));width:100%;height:100%;color:rgb(var(--m-theme-on-surface));-webkit-user-select:none;user-select:none;cursor:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBR0JVbEVRVlI0QWV5WXowOGtSUlRIZXhhRlVTRUVRamlRRUFnbitBK01ISmlERi84SkU0OWNTRkQ1RlRETUhFQVE5S3pSZytGSE5pSGVKRkZqQW5PQnJLekdZRlRRRzRSQUVHRloxdDBaRk1YdnAzZHIwcGxNTTkzTDdzeDAwNlJlcXZyVnE2cjMvYjczdW91NVpkM3d2NGlBRzU0QWxsc0d4RVFNYzA1QmgyZ3FQQTJBVGpRQVJGY2w1WXVTYWttTmhCNTVRV1Btc05NdytBMndCZ1dnZUFaNHpkblpXZkx5OGpLVHpXYS9QVGs1U1oyZW5xWmsrSkxFRUFJWjJMTk82bUEyQUJqUEFRS282dVBqNC9HNnVycGhKbXBxYXJvYkdob0c2K3ZyaDBUSS9hT2pJNGg0UlhPR0RBZ2pLOWlMUFRRVm5JYlRlSXZqakNFZzN0allPSUF5bFVwWnNWak1vdWNaYVdwcWVsZEVIR2N5bWE5RlZFcTZseVdRRWNnU0FiVDh0eHRSSkpweHBmOWROT2wwbXM1S0pwTTVJZ3daOFhqOE5ZZ1NHZmNPRHcrVGxJbU1JU091M3BEQi9wQXJWV1UySE1Rem5FUWdvZnJpNHNMV0p4SUo1bklDRVVnczlqZ3JEQm5OemMzdlVDWWk0MVFsa3RTQ3dKU0lEVlFPMHlBQXViVzB0UFE1aXA2ZUhycUNBaEZJTFBhWURHTVV0Qkp4RW5CcFFQVDI5djU0Y0hEd014bUFHTDFiN3lUQ1pJV1BFbkhidGlSNlF3RGdrZjkwNnIrU2kxZ3N4ck0xUGo2dVIyOE5JaEN0dFYrY2hvd0NKVkxvWGVIdGtHZHM1U1FBOEJmYS94L0orY0xDd3J4Nnkwc0dZSmN2RUlFWU1zejhreEk1MFZma202MnRyZGVsNTRYSnU4ZjRJbFhwbXZOUUNDRDZmK3Y0ODRHQmdZMzkvZjFmTkg1cUVsaUxPSWt3V1VHSmRIWjJmcm01dVZsV0V2SUp5R1dBSE0vT3pjMHRxdmRWQnRpN0NVUWd6cXpvNk9nWWtUMmZUajdCdklUMStQeGEvczVPQXFoNU1zQXVBUmxtUjBaRzdQc0FaWUJJOTh4YU9wMjI5NnF0clgxVkE2N1hYTUx3cDZRa2NLRE96elhLZ0N5Z0RMTFNadmthcUw5MkdaZzlJSEoxZGRWQzBHMXZiMytpbnVpWDVUMlFUNEF6Q3lBZ016OC92eUFIcmF2dUJNd1hFc0FpZ0hVS091eDFhZHJzNnVyNlZPT1NSbDNuNVpvYkFTWUx6b2VHaHU3eU1zUnBKTGZTWllDTkV5eGpkQWhMZG5kM2Z4c2RIWDEvWW1MaVBYMGUrNldqNUNnOXNvOEFTRlc2bGs4QUorT0lJY0RPQXIyMGJNZUszUW1TeWFTZDJvQkYyR3huWitmM3djSEJENGVIaHovUVBtKzJ0YldOVDA1TzNoa2JHMXZYL0FOSlJuSXVLUXNKaFFnQUxNNUFBbzVsRnhjWDUrU2c1L2ZBOHZMeVYvcU1maVRBYjdXM3Q2ZG1abWJ1VEU5UHIybVBJNGNjYTN3cStVdkNPV1FDNU91eGRLMFFBWnlPSXhDQVU5d0o3REpnSXBGSTBCVVVreUZyYTJzL3pjN09ic2pvUkFMb1EvVk9RY2ZjZmVrZlNpQUEwaUZmajZWcnhRZ3dYNE9Nbnp2QjFOU1VFL3dmZ29NQStrK05UZVRQTkFZOFpRYlJGVVVBa2NBaEhDTTZSZThFMUw4QVdTc3JLMStvcDdidnFTZktBS1luM1lrNGM2UzlxWDB5amJNNFUwdEsyOXd5QUM5TUdaZ3M4SFFuaU1mamtBWkloQ2pUQTVob0E1cUlReXAyQU9jY3ppdUxYRVVBRWNGQkhNWHBLKzhFcHY0M05qYStGNUpIRWdEVEF4ckFFTWxlN01uZWlNeksyN3dRUUlyaXZLYzdRWDkvUDlkbkFDT3NZejFScmdqQStYUmZSUUMyT0E0QWdOaFpvRStiRGNSRUhDTlQvK3ZyNjdmMWpDMlJaaDNyRWFrcnN4VWpBTENrTEdDSTZKVjNncXFxS213TkFZd3JHandoS1VZQU5vQ0FBS0thMVFVbjl6c0JrZWRlWUxKQjlmK0RGb1NXQUlCUkJvL01yMFVBNTY0djBCYnAzOWZYOTUzR1pBcUVrUUZra0ZUbGE4Vk85cElCZ0FDTW5RSGE4S0grUVJMZTlkdDdlM3UvNnRuaVgrYnU3dTdQTk9hdER3SFlzb2Jza2JweW14Y0M4QjRnZ0FJY0lCOEk4TWV0cmExdjY2WDRSa3RMUzUrTStPYno2U05Mc0dXTjFKWGR2Qkpnc2dBQ0FNbU5qcHNlVjF1RW14NDY1ckNoQkVKSkFKSGxZc1B0RGdLNDVpS015UUN5ZzNjRjZROXBsUjErZWVjMUEyUnFFVkVpQzBDQVFnS2dpVHc5MFNmOXNjR1dOUlV2ZmdnQURNQUFDQWxrQXFBaGc3RkovY0JFSDBCK0NXQ05JWUZ5Z0FpQTAwTk1vTUFENW1rSVlCMUNqZWNMK2tESmRRZ0lGRkEzWnlNQzNKaTVLZm9vQTI1S3BOMXdSaG5neHN4TjBZY3VBL3dHTGlMQUwyTmhzNDh5SUd3UjlZc255Z0MvaklYTlBzcUFzRVhVTDU0b0Evd3lGamI3S0FQQ0ZsRy9lS0lNOE10WTJPeWpEQWg2Uksvci8vOEFBQUQvLzltR1FIRUFBQUFHU1VSQlZBTUFFTFdobi9KQ0EzY0FBQUFBU1VWT1JLNUNZSUk9IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiLz48L3N2Zz4=) 4 4,auto;flex-direction:column;position:relative;overflow:hidden}.m-editor--hand{cursor:grab}.m-editor--grabbing{cursor:grabbing}.m-editor--drawing{cursor:crosshair}.m-editor--drawing-tool-pencil{cursor:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBRjIwbEVRVlI0QWV5Wlcyc2tSUmlHZXp6TlNFaitRa2l1Y3BPcklJYUVrQWxtL29NSWFuNUJiZ0tpNURpYmcvOUJCQVVEQmc4b2lCZENJQWZJUVFrSzNnUXZjcE9BaDNnZWRZMmJkYlB2MDB3dHZaUHQ2YXFlVHJxejAwTzlWSFhYVjFYZis5WlgxZDAxVDNodC9zc0ZhUE1BOFBJSXlDT2d6UlhJbDBDYkIwQytDZVpMSUY4Q2JhNUF2Z1F5RkFBRitjS0VQS244YWVHWk9paHpqenBzZER1NVJLZko5UmEvSi95QUpLUkxSMGRIbFZxdFZnV1UxVzFKb0E0YmJIV1pURXEwczVndVFlb3B0UzBlSGg2T241MmRmZEhiMi90NVoyZm42NEF5OTZqRFJzQ1dOaXE2cDhZV2FRc0FFUWlWRGc0T0tuMTlmWjhWaThYaHpjMU5yMXF0K3NCaDdsR0hqYTZKQnRyUVZwZXRwVFFGZ0FCRVNudDdlK01EQXdPZlFBWGlZMk5qM3NMQ2dvOUNvZkJBQ0d5d2xWMWlJcVFsd0FQeTI5dmJsY0hCd1k5RnlpZTZJT0tVeStXeVo4cmtDT1BwaHkxdFZFeEVoRFFFZUlqOHlNakloeUx6RUhrSWIyeHNlUFB6ODQ4VWdUWkppWERkQWxpUmh6aWlBTW9JUXBuY1JBSWk3T3pzak91K2lZUllYR0kxMHFCeGtqTjVNMGlZQ0VORFF4OXBUM2hCZGtXQi9jU1pqM01ERFJRbnhTWnZCZ3NUb2IrLy96WFpFQVc4TURuemNXNmd3VnhUeStUTmdJMGk4TGpzNk9oNGZuMTlmVXcyc1Y2VXJscUFTUEp5M0lNSXVRMFFvVnd1KzZaYlcxdCszdFBUTTZJQ0FyQU1DaXBicDZzVUlKSThteHBrRUlCbnY2M1h0QW5hbnArZk14WkxnTnlKazVOeGNOQ0lNbzR3R3lVZVYrelkyRmYxZGdkcHl1VE1Kbzg3Q05tS0VPeUQ5dlMxdjcvL2pYTEdkT2JqM0VBRFJTVWNzU0p2T3JJVklVZ2VBV2wvZW5yNjdjVEV4TmVVNHlCcEFaekpHNmVqUkdna2IyWi9kWFgxUGZWeFYvaGZ1Q2M0cFNRRmlFM2VlQndtUWhqNTVlWGwyYW1wcVMvVi9qL2hYSEFXSVNrQldpWXY1LzNVS0VJWWVTMkJXek16TTVEL1J3My9GZTRJUk1LRmN1dVVoQUNKa1RkZUIwVVFVZjgydVFuN3VibTVKUW16cjRxYThKZHdXMENBU3hHZyswMVRxd0lrVHQ1NHk1UEJsSVBrWjJkbmx4Y1hGL2RVOTRmd3AvQzNjQ2F3Qks1MUQ3Z3k4cHBkRDlJaTVlZG01aUcvdExSa3lDTUFFY0Rzc3djUS90Y21RSnJrZjVjd0FQS3NmMlkvRm5uMUUrdXZzYXlRTjZFUGVkWStmSnpodWdjOFZ1UlJ5MFVBYlAwM1BBNGltcjNlMHJFTExOWThJUThJKzBSbTN2Z0hLVk51bG1NSCtTSUhFQnhFWUJ6bU9IVzJDT3Nqc09GQkhDUk9IaDhoUnQ0TWZGNFMrbnh1UGxzL2dMaDBobWQyNm1ZZE5kYWxUUjUvYkFUQXhwLzlrNU9UTnppQTRNdnRVWThwT3JSRkZzampLK1RJbXdFYlg0Q3VycTRoRE0xQkJDTGMxSm1IQjRBY2VSZ0lmMnc0YkNoS2dPY3doRGo1VFNjUEI4aVJod0VCV1A5K0JJUVoyZDdQU3RnSC9iVVJBQnNqUXJDdFV6bUw1Q0VBT2ZKbU1GR0FDTTNzUXV1eVNoNkhvd1NBdkVHVUxmMWRRcGJKNDJ3c1VqUzBRUnJrYmZ3SzJ0Z0l3QW1MRHc0Z2FXeSsxU0hJZFNONFQrQ1kyend0eU0wVDQ3cmU4QnA5Q3J1T0VzQW5yc1o4Wjk4ckZBcGNlMFlBaU9tZTF3aklJNExhaFgzUDgyb0xydVQxbG5GdDRTTEEzYlcxdFhmcG1ObUVQT1V3SUJKSFc5aGl3ekdXRGpOMlZZWTRTSjI4ZkxFNkQyRDIrZWErTXprNStkWHU3dTc3TklUWXhjV0ZGd2JJSThMeDhmRjNFdXVXanJFeVJ4NGVOaEhBWVFNQ2NPeDBlM2g0K0czOTIvT0IvcEQ4bEE3Q0FQSHA2ZWszdTd1N3A3Vlg3TWp1TnlFek15OWYvR1FqQUJIQWdTTkhUM3lMMTBaSFI5K3FWQ3J2YU8yL0tMd3N2Q3BNMVBHSzhwY2d2ckt5QXZGZk5SSkFnT0FoSnFJaXJxclRTMUVDNEprUmdBaEFBQTRqSWZTTEtuK3Vnekl3MXlZL3JkY2I4c0V6dk5USnl6ZnJQUUJuT1hmbkJKYk5DMEtRL0VtZC9DaDhYOGNQeWdIM3FFTVViSm41ekpHWHIxWUNZQmVNQW9nZ1FqQVNJQm9FRWNKNng0YW9RVGdpS0JOaER5RURteVdBTGMvL29BajhGUVV4L3BWQkRNQXNBOHFBT29oalMvUVFSZlJCZjVtQnJRQTRiRVJnRmlIRWpMSXhRcklSM0tjZU8rd2hUbnY2eVJSY0JBZzZEaGxJTWFzQWtnWmNBK3F4QzdiTFhEbXVBSmtqRXRlaFhJQzR5ajB1N1c1OEJMUTZFZmNCQUFELy83YmpxNjRBQUFBR1NVUkJWQU1BTUpYNHJsQ2FESTRBQUFBQVNVVk9SSzVDWUlJPSIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIi8+PC9zdmc+) 8 24,auto}.m-editor--drawing-tool-pen{cursor:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBSmRFbEVRVlI0QWV5WlMyeFZWUlNHejZrZ0JVSjRoUEFJanhBU0VoSkN3a0NOK0lCTEFJR3hUdFNKRTRkZ1JDdFdvYjBGQnpoaWJnSWl3a0FuQ2tnQ0RZUkNERGFvQTJPMXBqTVNIcTJsRHdxMXBVLy9iOU5WZGsvUGZmYmVpOVNTdmJwZmE2Kzkvbit0dmMvaDNMTGdmLzV2aW9Bc0V5Q1VIbVE5bzNxYUovUVoxOURUV1RJNUQzQkFBdnBaUVN5WHpCd1Iyc2dNOVptYnJocGRiTEpPM2Y5K3dkbFVYZ0tDZVFlK3FhbHBhMjl2NzRYaDRlRXVwTFcxdGJxdHJhMjZvYUZobXd4QVNwU01wNElRQU1yL2NRWHdSQk1RNVFLYlhMTm16UTh6WnN4NDJUUVhMbHo0NFlJRkN5cldyVnQzUm9SMDl2VDBuSmRlVFh0N2U0MUkyU0c5V1NNU0pRYTdxZmJWa3RLV09FZDg4RFB2M0xsVEJWamNxcW1wQ2JaczJSS0VZUmpRUnVycTZwZ0t5c3ZMWDBKdi92ejVIOFdSMHRqWStKb1VMVk00TW9pUndaNmFMbjJKRW9BampMbkkzNzU5KzhDU0pVdjI0aFpnazhsa1lJQnBJMFlJTlRxSTZmaWtyRjI3OXF3eTVaNHlwWllza1UweWhPeDRva1FBVnI2TUZnaHdaMTZSMzc5MDZkTDNtUUVVWUdsZnZudzVRT2dqaVVTQzRRRFE5QkhJQ01QUVpRdHJFYWVrUDVBeVgxa2lNanAwWkpLZG5aMUpEWk1aUGhFYUtrMkpFa0RmUlgvMjdObXY0QUxPQTRvMmN1WEtsU0NSU0FUVjFkVk9JRU5neHBDQ0h1S1RFb2JobUtQRFBFZG03dHk1KzFwYVdxclZKeU40b2hBQWprYW9zYUlYQU5zbWJNakdqb0E1YythOHdJU0I5K3NhM1FYTStlS1RBaUVJNUxBT01WM2FTQmcrdWtjWVg3Um8wUWZTYnlNajFPZFk0QU8rNEpPR2lsZWlCTkFuQWtRaUlJSnNuVWdrWExSeG5ENTFIQW5NK1dMcnlCWUJEQkRXbWc3dE1IeE1CQm1oYktqU2ZNbElBTEQyY3dXMjZjTThFWENwem93UkFSQ2Nab3c2R3hMUTlRVWJSZ1EybUtNMlcyU0Q3cDhER29jRWdvRlA2aGFuUkkwYkNXVkt4OS9Za2loU0Y1SUU3RUVFQW5qNjFFWUNUNTZyVjY5dTFUaVpXRlFTb2dSb1QxY2d3alhpL3FSeVBFNDMwMWdxV3hzMmJLalEybGtTZXpxazlVbDZlWlVvQWNPeWdneWRPblhxaE5ydTdGTmJkR2dqcVJ4bkxsZUoyaUxidUlSdjNManhzV3dWTkF0a2IwenhDUUE0TWlTTndXblRwZzJxVGx1aWprZEpTcnM0TXVuYk1qc3JWNjdjSXpYL0hhSGdXUkFsd0lIWHBnTzdkKy8rVmZXNGk1QXhYM3pIL1hQczYyVGJ4aGE2WkFCQysvVHAwNXRWRnkwTFVoRkE5UHVibTV0LzErWTVrNER6Q0crRVNCZytmaXZFWGpxQlJPWXRDelp0MnZTZStpVWhRUHNFZGdRRzFPa3ZLeXVqcjJibVF2VE1lVUFqa0lDd21wcDVHMmNzVHJERE9QclU4K2JOZSs3Y3VYT3ZxczJqbVVkMFFZK0Jud0hhSTdBalFBWU1uRHg1OG1zR3pTbUxDbU54Z3A0OU5wa0hNRytEOXR4bkRtQ1o3S0RIZW5TcHU3dTdlUklnQlg4a1Jna2c0cEJBQmd4TW56NmRHaCt5Rm5NYThENGh0Q0VEY09nZ3FZeWk0OCt0WDcvK1JmVXRBNkkrYXlyL0VqVm1CTGdNMkxObnp5K1lOb2ZTT1kyZVJkYkFNeFlWaUdETWRHbEhaZk5tN3IzQWZYTmdidkhpeGMrckp2b2NBWHd1MkRIQW1HeVBsakVFYURUcmkxQzZXWlZzeWZTTkRRME5BZGpQQVBxK1N0N3RLQUVZTWhKSS81d3VRaFlqRmtIYStZaVJaR3QxaHdDWU84QklvRy9URTZyakNPQU80QWdnNHk1Q3ZnZWsydEdBcDB0dk8wWlJrTDVOMDZGRzlML0VEUjBkSGNla1UzQVM0Z2p3TTJEY1JZaERjaVMyR0NoMGtEZ2xJOGQwNDNTWTR4NWh6aDZiUEE2N3VycSswWmlSRU9lN3BuTXJjVWFNQURLZ1h4Zmh6NWpFS1dxQUliVGp4SGZjd0tMSEdnT0RMYnNNbVlzVDVuMWJySitqanpRWEwxNU1TSitqd0tVWTU3K21zeTl4Qm53QzNEMFFmU05NZHd4OHh3RVFocUg3RkpZTGVIUGZ0MlY3cmw2OW1rOTFaQUZQaE5CMDg2M2pDTUNXM1FNUTBCZDlJU0lhS0tVU2N4d0NUSWVvOHg2QTBMYnhYT3Urdmo0aUR3SFVxZnpQMm13cUEyU0JPd0t5MUZkUlVUSDZQb0R6RUlCb0xtV0JCRVEzdVBzVWxnOXdqcENSaUMwMkd4d2N4R2VMZnRFem9GK2I5a2tlNmpOVmcrckFITEdVWnF3WTRvT0hQUGFvcjY4L3BSOWR2cUNkcldUU2c4MDRIY3NBZHdTazBHc2ZTTWdBUkdPamIycTBDeWxSOE95bkgybisyTGh4NDNIdFExRElUbnhFTkpSL1NVVUFGcmtISU9DaE9qMDZCdGYxbmU1YnRkMXZBRGhWVjFmbmZ2eGdyRkFTQi83V3JWdU55NVl0cTlRZTNaSmVDVm1KYi9pb2J2NGxHd0xZckVkYlBOQ0x6cGMzYjk3OFUrMHhKT0EwWkRBK0VjRk9NcGwwSmtoN1NOWitmeTFmdnZ4VERYWkpIa2ora1JBVXl3SjE4eS9wQ0NDOTJNUUlnUDM3SzFhc3FDUWliR24zQVU1ekp3Q0E4WHlFdGRoaHJROWUrKzNYMkwwUnVhK2FZT0FUR1lDUEdzcS9wQ01BcTZRWUc1RjJFRUFVN2hFUklrT0V1T1hOY2Vvd2ZQUkRCNEN5elFwMFdjdUdFZkQ4UHRDcGNRUVN5QUI4NFI3QXQ1SVJBT05HQU01MEtqS2Y2SzNzZXpubm5neFJJZ0JFVm9SaDZGNkV3dkFSTWVqNzRvTm5EYVF5Zi9Ub1VWNTczVjdxVXdQZW9rOW1UaGk4N0FhWk1nQWRtSVp4bURjU09qVFJzWDM3OXE4dVhicjBuZHF1Y0NTTUNCK01tOVFmeGdDc3BpdTBHYU5EemZxUjlrSDFyNmtOY0FUd25IMENRVVlXQkx6c1owVUFtOEU0SkJBQnppRk90Y3RBMjdadDI0NkZZZmpXaFFzWHpxanZDa0FRMGhsQ0VOcE1DcGg3ZktZQ3IzV0hOUGVUZE5uRDByNG80TFZIVmdTZ0J3a3dUd1RHa1NDRnRwMDdkeDRYRVcvWDF0YWVQbi8rL0ZuOXFOR2s4ZEZDYXZza1FBU1QxQUpOTTZpcXF2cnM0TUdEOWVvWWVNZzI4QVFCUHpSZHVKTE5FYkRkMkJ3U2VBVDVKTFJKb1hWRTd1N1lzZVBZcmwyN1RxeGF0YXBHaEx3amVYZnYzcjFITk84K3J3TTRrVWk0Tm9UNDRBOGRPZ1I0amhjRWNPRUNudjNZbDZPSW1ZSktMZ1N3TVNRUWlXZ21HQWwvUzhtWHUrcTNIVGx5NUhwbFplWG5hcnNMRStCSVFrUXdSdVFGbnJRdktYajJ6cFVBMWhnSjNBblJpeEhBRU5BaVJhUjVwRzQ5ZlBqd05XWERtL2JrMEhqQW8xVG52VWJndWZBQWp4QjVMbHRzRnkzeTdJL2tRd0RyZkJKSVVZNEVOelhPazc0QUlTc2dCQms5SW5weWNHbStMakxlMEtOMG40N0VqektJTG10WWp4MERUN1pwdW5nbFh3TE1JNGdnU2h3Skk0TG9jWGtCaGxzY1lEd3hqQWd5eEJmR21VZTNwT0FCTVZFQ3NJRkFCTkhpV0VUSkFCUmtrQmxFbW13d0FtZ3o5a1RBNDNpaENNQ1dDV1J3WXhzaGxoaytFWllWa0FJNVpBMTZaQlByekZiT2RhNExpa0ZBMUFmSUFCaVp3VjBCV01oQWFEUEdIRG9sQlkranBTQ0FmY2dLd0FFU3NFUWJvYzJ4WVJ5aTBDMnBsSW9BQXdVUkNHQk42TnQ4eWV0U0UxQnlnSmsybkNJZ0UwT1RmWDRxQXlaN2hEUGhtOHFBVEF4Tjl2bXBESmpzRWM2RWJ5b0RNakUwMmVlbk11QnBqL0JFL2Y4WEFBRC8vemM3eStFQUFBQUdTVVJCVkFNQUg2M2h2WjBON3dnQUFBQUFTVVZPUks1Q1lJST0iIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIvPjwvc3ZnPg==) 4 4,auto}.m-editor *{box-sizing:border-box}.m-editor__drawboard{width:100%;height:100%;position:relative;overflow:hidden}.m-editor__drawboard>*{pointer-events:none}.m-editor__canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.m-overlay-container{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.m-dialog>*{box-shadow:var(--m-shadow)}
2
+ /*$vite$:1*/