mce 0.24.0 → 0.24.2

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,1913 +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__dashed {
846
- position: absolute;
847
- background-image: repeating-linear-gradient(to right, rgba(var(--m-theme-secondary), 0.6) 0 4px, transparent 4px 7px);
848
- }
849
- .m-smart-guides__dashed--vertical {
850
- background-image: repeating-linear-gradient(to bottom, rgba(var(--m-theme-secondary), 0.6) 0 4px, transparent 4px 7px);
851
- }
852
- .m-smart-guides__distance {
853
- position: absolute;
854
- display: flex;
855
- align-items: center;
856
- justify-content: center;
857
- background-color: rgb(var(--m-theme-primary));
858
- }
859
- .m-smart-guides__distance::before, .m-smart-guides__distance::after {
860
- content: "";
861
- position: absolute;
862
- background-color: rgb(var(--m-theme-primary));
863
- }
864
- .m-smart-guides__distance::before {
865
- inset: 50% auto auto 0;
866
- width: 1px;
867
- height: 8px;
868
- transform: translateY(-50%);
869
- }
870
- .m-smart-guides__distance::after {
871
- inset: 50% 0 auto auto;
872
- width: 1px;
873
- height: 8px;
874
- transform: translateY(-50%);
875
- }
876
- .m-smart-guides__distance--vertical::before {
877
- inset: 0 auto auto 50%;
878
- width: 8px;
879
- height: 1px;
880
- transform: translateX(-50%);
881
- }
882
- .m-smart-guides__distance--vertical::after {
883
- inset: auto auto 0 50%;
884
- width: 8px;
885
- height: 1px;
886
- transform: translateX(-50%);
887
- }
888
- .m-smart-guides__label {
889
- position: absolute;
890
- padding: 1px 5px;
891
- border-radius: 8px;
892
- font-size: 10px;
893
- font-weight: 600;
894
- line-height: 1.4;
895
- white-space: nowrap;
896
- color: rgb(var(--m-theme-on-primary));
897
- background-color: rgb(var(--m-theme-primary));
898
- pointer-events: none;
899
- }
900
- .m-smart-guides__area {
901
- position: absolute;
902
- display: flex;
903
- align-items: center;
904
- justify-content: center;
905
- background-color: rgba(var(--m-theme-secondary), 0.2);
906
- }
907
- .m-smart-guides__area:before {
908
- content: "";
909
- background: rgb(var(--m-theme-primary));
910
- height: 1px;
911
- width: 100%;
912
- }
913
- .m-smart-guides__area:after {
914
- position: absolute;
915
- content: "";
916
- height: 5px;
917
- width: 100%;
918
- border-left: 1px solid rgb(var(--m-theme-primary));
919
- border-right: 1px solid rgb(var(--m-theme-primary));
920
- }
921
- .m-smart-guides__area--vertical:before {
922
- height: 100%;
923
- width: 1px;
924
- }
925
- .m-smart-guides__area--vertical:after {
926
- height: 100%;
927
- width: 5px;
928
- border-left: none;
929
- border-right: none;
930
- border-top: 1px solid rgb(var(--m-theme-primary));
931
- border-bottom: 1px solid rgb(var(--m-theme-primary));
932
- }.m-smart-selection {
933
- position: absolute;
934
- overflow: hidden;
935
- left: 0;
936
- right: 0;
937
- top: 0;
938
- bottom: 0;
939
- }
940
- .m-smart-selection__node {
941
- position: absolute;
942
- display: flex;
943
- align-items: center;
944
- justify-content: center;
945
- }
946
- .m-smart-selection__node--active .m-smart-selection__ring {
947
- background: rgb(var(--m-theme-primary));
948
- }
949
- .m-smart-selection__ghost {
950
- position: absolute;
951
- border: 1px solid rgb(var(--m-theme-primary));
952
- }
953
- .m-smart-selection__ring {
954
- width: 1px;
955
- height: 1px;
956
- border-radius: 100%;
957
- border: 1px solid rgb(var(--m-theme-secondary));
958
- outline: 1px solid rgb(var(--m-theme-on-secondary));
959
- pointer-events: auto;
960
- }
961
- .m-smart-selection__ring:hover {
962
- background: rgb(var(--m-theme-secondary));
963
- }
964
- .m-smart-selection__spacing {
965
- position: absolute;
966
- left: 0;
967
- top: 0;
968
- visibility: hidden;
969
- display: flex;
970
- align-items: center;
971
- justify-content: center;
972
- }
973
- .m-smart-selection__spacing-line {
974
- height: 10px;
975
- width: 10px;
976
- pointer-events: auto;
977
- display: flex;
978
- align-items: center;
979
- justify-content: center;
980
- }
981
- .m-smart-selection__spacing-line:before {
982
- content: "";
983
- display: block;
984
- width: 100%;
985
- height: 100%;
986
- background-color: rgb(var(--m-theme-secondary));
987
- }
988
- .m-smart-selection--hover .m-smart-selection__ring {
989
- width: 10px;
990
- height: 10px;
991
- }
992
- .m-smart-selection--hover .m-smart-selection__spacing {
993
- visibility: visible;
994
- }
995
- .m-smart-selection--vertical .m-smart-selection__spacing-line {
996
- height: 6px;
997
- cursor: row-resize;
998
- }
999
- .m-smart-selection--vertical .m-smart-selection__spacing-line:before {
1000
- height: 1px;
1001
- }
1002
- .m-smart-selection--horizontal .m-smart-selection__spacing-line {
1003
- width: 6px;
1004
- cursor: col-resize;
1005
- }
1006
- .m-smart-selection--horizontal .m-smart-selection__spacing-line:before {
1007
- width: 1px;
1008
- }
1009
- .m-smart-selection--ring .m-smart-selection__spacing {
1010
- visibility: hidden;
1011
- }
1012
- .m-smart-selection--spacing .m-smart-selection__spacing {
1013
- visibility: visible;
1014
- background-color: rgb(var(--m-theme-secondary));
1015
- opacity: 0.3;
1016
- }
1017
- .m-smart-selection--spacing .m-smart-selection__spacing-line {
1018
- visibility: hidden;
1019
- }.m-progress-indicator[data-v-cc8ac0cb] {
1020
- display: flex;
1021
- align-items: center;
1022
- gap: 12px;
1023
- }
1024
- .m-progress-indicator__status[data-v-cc8ac0cb] {
1025
- font-size: 0.75rem;
1026
- color: rgb(var(--m-theme-on-surface));
1027
- }
1028
- .m-progress-indicator__bar[data-v-cc8ac0cb] {
1029
- position: relative;
1030
- width: 100px;
1031
- height: 6px;
1032
- background-color: rgb(var(--m-theme-background));
1033
- border-radius: 4px;
1034
- overflow: hidden;
1035
- }
1036
- .m-progress-indicator__bar-fill[data-v-cc8ac0cb] {
1037
- position: absolute;
1038
- top: 0;
1039
- left: 0;
1040
- height: 100%;
1041
- background-color: rgb(var(--m-theme-primary));
1042
- transition: width 0.3s ease;
1043
- }
1044
- .m-progress-indicator__bar-indeterminate[data-v-cc8ac0cb] {
1045
- position: absolute;
1046
- top: 0;
1047
- left: -30%;
1048
- width: 30%;
1049
- height: 100%;
1050
- background-color: #3b82f6;
1051
- animation: indeterminate-slide-cc8ac0cb 1.5s linear infinite;
1052
- }
1053
- @keyframes indeterminate-slide-cc8ac0cb {
1054
- 0% {
1055
- left: -30%;
1056
- }
1057
- 100% {
1058
- left: 100%;
1059
- }
1060
- }.m-statusbar[data-v-12c3be94] {
1061
- user-select: none;
1062
- position: relative;
1063
- display: flex;
1064
- align-items: center;
1065
- gap: 4px;
1066
- font-size: 0.75rem;
1067
- line-height: 1;
1068
- width: 100%;
1069
- height: 100%;
1070
- padding: 0 8px;
1071
- background-color: rgba(var(--m-theme-surface), 1);
1072
- color: rgba(var(--m-theme-on-surface), 1);
1073
- font-weight: bold;
1074
- white-space: nowrap;
1075
- overflow-x: auto;
1076
- }
1077
- .m-statusbar__main[data-v-12c3be94] {
1078
- flex: 1;
1079
- display: flex;
1080
- align-items: center;
1081
- gap: 4px;
1082
- height: 100%;
1083
- }
1084
- .m-statusbar__item[data-v-12c3be94] {
1085
- display: flex;
1086
- align-items: center;
1087
- gap: 4px;
1088
- }
1089
- .m-statusbar__item > svg[data-v-12c3be94] {
1090
- width: 1em;
1091
- height: 1em;
1092
- }
1093
- .m-statusbar__divider[data-v-12c3be94] {
1094
- width: 0;
1095
- height: 60%;
1096
- border-right: 1px solid rgba(var(--m-theme-on-surface), 0.1);
1097
- margin: 0 8px;
1098
- }
1099
- .m-statusbar__kbd[data-v-12c3be94] {
1100
- outline: 1px solid rgba(var(--m-theme-on-surface), 0.1);
1101
- border-radius: 4px;
1102
- display: flex;
1103
- align-items: center;
1104
- justify-content: center;
1105
- font-size: 0.75rem;
1106
- padding: 0 2px;
1107
- font-family: system-ui, -apple-system, sans-serif;
1108
- }.m-table-editor {
1109
- position: absolute;
1110
- width: 0;
1111
- height: 0;
1112
- left: 0;
1113
- top: 0;
1114
- overflow: visible;
1115
- pointer-events: none;
1116
- }
1117
- .m-table-editor__box {
1118
- position: absolute;
1119
- pointer-events: auto;
1120
- box-shadow: 0 0 0 1px rgba(var(--m-theme-primary), 0.5);
1121
- }
1122
- .m-table-editor__bar {
1123
- position: absolute;
1124
- display: flex;
1125
- align-items: stretch;
1126
- box-sizing: border-box;
1127
- background: #fff;
1128
- border: 1px solid rgba(var(--m-theme-on-background), 0.16);
1129
- border-bottom: none;
1130
- font-size: 12px;
1131
- }
1132
- .m-table-editor__bar-name {
1133
- flex: none;
1134
- display: flex;
1135
- align-items: center;
1136
- justify-content: center;
1137
- width: 100%;
1138
- max-width: 56px;
1139
- padding: 0 6px;
1140
- border-right: 1px solid rgba(var(--m-theme-on-background), 0.16);
1141
- color: rgb(var(--m-theme-on-background));
1142
- font-weight: 600;
1143
- }
1144
- .m-table-editor__bar-content {
1145
- flex: 1;
1146
- display: flex;
1147
- align-items: center;
1148
- padding: 0 8px;
1149
- overflow: hidden;
1150
- white-space: nowrap;
1151
- text-overflow: ellipsis;
1152
- color: rgb(var(--m-theme-on-background));
1153
- }
1154
- .m-table-editor__cell {
1155
- position: absolute;
1156
- box-sizing: border-box;
1157
- cursor: cell;
1158
- }
1159
- .m-table-editor__text {
1160
- position: absolute;
1161
- z-index: 4;
1162
- pointer-events: auto;
1163
- }
1164
- .m-table-editor__text-editor {
1165
- pointer-events: auto !important;
1166
- cursor: text;
1167
- }
1168
- .m-table-editor__selection {
1169
- position: absolute;
1170
- pointer-events: none;
1171
- z-index: 3;
1172
- border: 2px solid rgb(var(--m-theme-primary));
1173
- }
1174
- .m-table-editor__selection--range {
1175
- background: rgba(var(--m-theme-primary), 0.12);
1176
- }
1177
- .m-table-editor__corner {
1178
- position: absolute;
1179
- box-sizing: border-box;
1180
- background: #f4f5f7;
1181
- border: 1px solid rgba(var(--m-theme-on-background), 0.16);
1182
- cursor: pointer;
1183
- overflow: hidden;
1184
- }
1185
- .m-table-editor__corner::after {
1186
- content: "";
1187
- position: absolute;
1188
- right: 2px;
1189
- bottom: 2px;
1190
- width: 0;
1191
- height: 0;
1192
- border-style: solid;
1193
- border-width: 0 0 7px 7px;
1194
- border-color: transparent transparent rgba(var(--m-theme-on-background), 0.5) transparent;
1195
- }
1196
- .m-table-editor__col-header, .m-table-editor__row-header {
1197
- position: absolute;
1198
- box-sizing: border-box;
1199
- display: flex;
1200
- align-items: center;
1201
- justify-content: center;
1202
- background: #f4f5f7;
1203
- border: 1px solid rgba(var(--m-theme-on-background), 0.16);
1204
- font-size: 12px;
1205
- color: rgba(var(--m-theme-on-background), 0.7);
1206
- cursor: pointer;
1207
- user-select: none;
1208
- }
1209
- .m-table-editor__col-header:hover, .m-table-editor__row-header:hover {
1210
- background: rgba(var(--m-theme-primary), 0.12);
1211
- }
1212
- .m-table-editor__col-header--active, .m-table-editor__row-header--active {
1213
- background: rgba(var(--m-theme-primary), 0.85);
1214
- color: #fff;
1215
- }
1216
- .m-table-editor__col-resizer {
1217
- position: absolute;
1218
- width: 7px;
1219
- margin-left: -3px;
1220
- cursor: col-resize;
1221
- z-index: 5;
1222
- }
1223
- .m-table-editor__row-resizer {
1224
- position: absolute;
1225
- height: 7px;
1226
- margin-top: -3px;
1227
- cursor: row-resize;
1228
- z-index: 5;
1229
- }
1230
- .m-table-editor__menu {
1231
- position: fixed;
1232
- pointer-events: auto;
1233
- min-width: 160px;
1234
- padding: 4px;
1235
- background: rgb(var(--m-theme-surface, 255 255 255));
1236
- border-radius: 6px;
1237
- box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
1238
- z-index: 10;
1239
- display: flex;
1240
- flex-direction: column;
1241
- }
1242
- .m-table-editor__menu-item {
1243
- appearance: none;
1244
- border: none;
1245
- background: transparent;
1246
- text-align: left;
1247
- padding: 6px 10px;
1248
- font-size: 13px;
1249
- border-radius: 4px;
1250
- cursor: pointer;
1251
- color: rgb(var(--m-theme-on-surface, 0 0 0));
1252
- }
1253
- .m-table-editor__menu-item:hover:not(:disabled) {
1254
- background: rgba(var(--m-theme-primary), 0.12);
1255
- }
1256
- .m-table-editor__menu-item:disabled {
1257
- opacity: 0.4;
1258
- cursor: not-allowed;
1259
- }
1260
- .m-table-editor__menu-sep {
1261
- height: 1px;
1262
- margin: 4px 6px;
1263
- background: rgba(var(--m-theme-on-background), 0.12);
1264
- }.m-payhead {
1265
- bottom: 0;
1266
- left: -5px;
1267
- position: absolute;
1268
- top: 0;
1269
- width: 10px;
1270
- color: rgb(var(--m-theme-on-surface));
1271
- }
1272
- .m-payhead__header {
1273
- position: relative;
1274
- background-color: transparent;
1275
- border: 2px solid currentColor;
1276
- border-bottom: none;
1277
- height: 12px;
1278
- left: 0;
1279
- position: -webkit-sticky;
1280
- position: sticky;
1281
- right: 0;
1282
- top: 0;
1283
- width: 10px;
1284
- }
1285
- .m-payhead__header:after {
1286
- box-sizing: content-box;
1287
- content: "";
1288
- background-color: transparent;
1289
- border-bottom: 2px solid currentColor;
1290
- border-right: 2px solid currentColor;
1291
- bottom: 0;
1292
- display: block;
1293
- height: 5px;
1294
- position: absolute;
1295
- right: 0;
1296
- transform: rotate(45deg) translate(2.8px, 2px);
1297
- width: 5px;
1298
- }
1299
- .m-payhead__main {
1300
- background-color: currentColor;
1301
- bottom: 0;
1302
- left: 4px;
1303
- position: absolute;
1304
- top: 16px;
1305
- transform: translateX(0.5px);
1306
- width: 1px;
1307
- }.m-segment {
1308
- display: flex;
1309
- font-size: 0.75rem;
1310
- align-items: center;
1311
- position: absolute;
1312
- top: 2px;
1313
- height: calc(100% - 4px);
1314
- user-select: none;
1315
- flex-wrap: nowrap;
1316
- color: white;
1317
- border-radius: 2px;
1318
- background-color: #cc9641;
1319
- }
1320
- .m-segment--active {
1321
- outline: 1px solid rgb(var(--m-theme-on-surface));
1322
- }
1323
- .m-segment__edge {
1324
- align-items: center;
1325
- background-color: rgb(var(--m-theme-on-surface));
1326
- bottom: 0;
1327
- content: "";
1328
- display: flex;
1329
- justify-content: center;
1330
- pointer-events: auto;
1331
- position: absolute;
1332
- top: 0;
1333
- width: 4px;
1334
- cursor: col-resize;
1335
- }
1336
- .m-segment__edge:before {
1337
- background-color: rgb(var(--m-theme-surface));
1338
- content: "";
1339
- display: block;
1340
- height: 10px;
1341
- width: 2px;
1342
- }
1343
- .m-segment__edge--front {
1344
- border-bottom-left-radius: 2px;
1345
- border-top-left-radius: 2px;
1346
- left: 0;
1347
- }
1348
- .m-segment__edge--end {
1349
- border-bottom-right-radius: 2px;
1350
- border-top-right-radius: 2px;
1351
- right: 0;
1352
- }
1353
- .m-segment__node {
1354
- position: relative;
1355
- z-index: 1;
1356
- cursor: move;
1357
- border-radius: 2px;
1358
- padding: 2px 8px;
1359
- white-space: nowrap;
1360
- overflow: hidden;
1361
- text-overflow: ellipsis;
1362
- }
1363
- .m-segment__block {
1364
- position: absolute;
1365
- top: 0;
1366
- height: 100%;
1367
- border: 1px solid rgba(255, 255, 255, 0.4);
1368
- border-radius: 2px;
1369
- box-sizing: border-box;
1370
- pointer-events: auto;
1371
- overflow: hidden;
1372
- }
1373
- .m-segment__block--animation {
1374
- background-color: rgba(255, 255, 255, 0.18);
1375
- }
1376
- .m-segment__block--animation:hover {
1377
- background-color: rgba(255, 255, 255, 0.28);
1378
- }
1379
- .m-segment__block--media {
1380
- background-color: rgba(64, 156, 96, 0.85);
1381
- }
1382
- .m-segment__block--media:hover {
1383
- background-color: rgb(64, 156, 96);
1384
- }
1385
- .m-segment__block--video {
1386
- background-color: rgba(116, 84, 196, 0.85);
1387
- }
1388
- .m-segment__block--video:hover {
1389
- background-color: rgb(116, 84, 196);
1390
- }.m-track {
1391
- position: relative;
1392
- display: flex;
1393
- height: 22px;
1394
- background-color: rgb(var(--m-theme-background));
1395
- }.m-trackhead {
1396
- display: flex;
1397
- align-items: center;
1398
- height: 22px;
1399
- min-height: 22px;
1400
- padding: 0 4px;
1401
- color: rgba(var(--m-theme-on-surface), 0.8);
1402
- font-size: 0.75rem;
1403
- width: 100%;
1404
- border-radius: 4px;
1405
- user-select: none;
1406
- }
1407
- .m-trackhead:hover {
1408
- background-color: rgba(var(--m-theme-on-surface), 0.06);
1409
- }
1410
- .m-trackhead--selected {
1411
- background-color: rgba(var(--m-theme-primary), calc(var(--m-activated-opacity) * 3));
1412
- }
1413
- .m-trackhead--dropping {
1414
- box-shadow: 0 1px 0 0 rgb(var(--m-theme-on-background));
1415
- }
1416
- .m-trackhead__thumbnail {
1417
- display: flex;
1418
- align-items: center;
1419
- justify-content: center;
1420
- width: 14px;
1421
- height: 14px;
1422
- flex: none;
1423
- margin-right: 6px;
1424
- font-size: 0.875rem;
1425
- opacity: 0.7;
1426
- }
1427
- .m-trackhead__name {
1428
- flex: 1;
1429
- min-width: 0;
1430
- position: relative;
1431
- white-space: nowrap;
1432
- overflow: hidden;
1433
- text-overflow: ellipsis;
1434
- }
1435
- .m-trackhead__input {
1436
- position: absolute;
1437
- inset: 0;
1438
- width: 100%;
1439
- height: 100%;
1440
- padding: 0 2px;
1441
- margin: 0;
1442
- border: none;
1443
- outline: 1px solid rgb(var(--m-theme-primary));
1444
- background: rgb(var(--m-theme-surface));
1445
- color: inherit;
1446
- font: inherit;
1447
- border-radius: 2px;
1448
- }
1449
- .m-trackhead__action {
1450
- display: flex;
1451
- align-items: center;
1452
- flex: none;
1453
- gap: 1px;
1454
- margin-left: 4px;
1455
- }
1456
- .m-trackhead__action .m-trackhead__btn {
1457
- opacity: 0;
1458
- pointer-events: none;
1459
- }
1460
- .m-trackhead__action--show .m-trackhead__btn {
1461
- opacity: 1;
1462
- pointer-events: auto;
1463
- }
1464
- .m-trackhead__btn {
1465
- display: inline-flex;
1466
- align-items: center;
1467
- justify-content: center;
1468
- width: 16px;
1469
- height: 16px;
1470
- padding: 0;
1471
- border: 0;
1472
- border-radius: 3px;
1473
- background: transparent;
1474
- color: inherit;
1475
- font-size: 0.75rem;
1476
- }
1477
- .m-trackhead__btn:hover {
1478
- background-color: rgba(var(--m-theme-on-surface), 0.12);
1479
- }
1480
- .m-trackhead__btn--show {
1481
- opacity: 1 !important;
1482
- pointer-events: auto !important;
1483
- }.m-timeline {
1484
- position: relative;
1485
- color: rgb(var(--m-theme-on-surface));
1486
- background-color: rgb(var(--m-theme-surface));
1487
- display: flex;
1488
- flex-direction: column;
1489
- width: 100%;
1490
- height: 100%;
1491
- }
1492
- .m-timeline__toolbar {
1493
- display: flex;
1494
- align-items: center;
1495
- gap: 8px;
1496
- height: 28px;
1497
- padding: 0 8px;
1498
- border-bottom: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
1499
- font-size: 0.75rem;
1500
- user-select: none;
1501
- }
1502
- .m-timeline__time {
1503
- display: flex;
1504
- align-items: center;
1505
- gap: 4px;
1506
- font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
1507
- font-variant-numeric: tabular-nums;
1508
- min-width: 120px;
1509
- }
1510
- .m-timeline__time-sep {
1511
- opacity: 0.5;
1512
- }
1513
- .m-timeline__time--muted {
1514
- opacity: 0.5;
1515
- }
1516
- .m-timeline__controls {
1517
- display: flex;
1518
- align-items: center;
1519
- gap: 2px;
1520
- }
1521
- .m-timeline__btn {
1522
- display: inline-flex;
1523
- align-items: center;
1524
- justify-content: center;
1525
- width: 22px;
1526
- height: 22px;
1527
- padding: 0;
1528
- border: 0;
1529
- border-radius: 4px;
1530
- background: transparent;
1531
- color: inherit;
1532
- cursor: pointer;
1533
- }
1534
- .m-timeline__btn:hover {
1535
- background-color: rgba(var(--m-theme-on-surface), 0.08);
1536
- }
1537
- .m-timeline__btn:active {
1538
- background-color: rgba(var(--m-theme-on-surface), 0.16);
1539
- }
1540
- .m-timeline__btn--primary {
1541
- width: 26px;
1542
- height: 26px;
1543
- }
1544
- .m-timeline__toolbar-spacer {
1545
- flex: 1;
1546
- }
1547
- .m-timeline__main {
1548
- position: relative;
1549
- display: flex;
1550
- min-height: 0;
1551
- flex: 1;
1552
- }
1553
- .m-timeline__left {
1554
- display: flex;
1555
- flex-direction: column-reverse;
1556
- align-items: center;
1557
- width: 120px;
1558
- height: 100%;
1559
- padding-top: 24px;
1560
- overflow: hidden;
1561
- }
1562
- .m-timeline__left-wrapper {
1563
- position: relative;
1564
- height: 100%;
1565
- width: 100%;
1566
- padding: 0 0 0 4px;
1567
- }
1568
- .m-timeline__right {
1569
- position: relative;
1570
- display: flex;
1571
- min-width: 0;
1572
- flex: 1;
1573
- overflow: hidden;
1574
- flex-direction: column;
1575
- border-left: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
1576
- padding-left: 48px;
1577
- }
1578
- .m-timeline__right-wrapper {
1579
- position: relative;
1580
- height: 100%;
1581
- width: 100%;
1582
- }
1583
- .m-timeline__ruler {
1584
- position: relative;
1585
- width: 100%;
1586
- height: 24px;
1587
- min-height: 24px;
1588
- }
1589
- .m-timeline__ruler, .m-timeline__ruler * {
1590
- cursor: default;
1591
- }
1592
- .m-timeline__track {
1593
- position: relative;
1594
- display: flex;
1595
- flex-direction: column-reverse;
1596
- justify-content: start;
1597
- gap: 8px;
1598
- flex: 1;
1599
- height: max-content;
1600
- min-height: 100%;
1601
- overflow: hidden;
1602
- }.m-drawing {
1603
- position: absolute;
1604
- }
1605
- .m-drawing__tip {
1606
- margin: 4px;
1607
- border: 1px solid rgba(0, 0, 0, 0.168627451);
1608
- border-radius: 4px;
1609
- width: fit-content;
1610
- height: 22px;
1611
- padding: 0 4px;
1612
- font-size: 0.875rem;
1613
- white-space: nowrap;
1614
- overflow: hidden;
1615
- text-overflow: ellipsis;
1616
- background-color: rgba(var(--m-theme-surface), 1);
1617
- }.m-toolbelt {
1618
- pointer-events: auto !important;
1619
- position: absolute;
1620
- left: 50%;
1621
- bottom: 18px;
1622
- transform: translateX(-50%);
1623
- display: flex;
1624
- align-items: center;
1625
- gap: 12px;
1626
- box-shadow: var(--m-shadow);
1627
- background: rgb(var(--m-theme-surface));
1628
- padding: 8px;
1629
- border-radius: 12px;
1630
- height: 48px;
1631
- cursor: default;
1632
- }
1633
- .m-toolbelt__kbd {
1634
- font-size: 0.75rem;
1635
- white-space: nowrap;
1636
- letter-spacing: 0.08em;
1637
- margin-left: 16px;
1638
- opacity: 0.3;
1639
- }
1640
- .m-toolbelt__group {
1641
- display: flex;
1642
- align-items: center;
1643
- height: 100%;
1644
- }
1645
- .m-toolbelt__btn {
1646
- font-size: 24px;
1647
- width: 100%;
1648
- height: 100%;
1649
- }
1650
- .m-toolbelt__icon {
1651
- font-size: 1rem;
1652
- }
1653
- .m-toolbelt__arrow {
1654
- width: 16px;
1655
- height: 100%;
1656
- font-size: 0.75rem;
1657
- border-radius: 4px;
1658
- }.m-text-editor {
1659
- position: absolute;
1660
- width: 0;
1661
- height: 0;
1662
- left: 0;
1663
- top: 0;
1664
- overflow: visible;
1665
- }
1666
- .m-text-editor__wrapper {
1667
- position: absolute;
1668
- }
1669
- .m-text-editor__editor {
1670
- pointer-events: auto !important;
1671
- cursor: move;
1672
- }.m-workflow {
1673
- position: absolute;
1674
- inset: 0;
1675
- pointer-events: none;
1676
- z-index: 2;
1677
- }
1678
- .m-workflow__preview {
1679
- position: absolute;
1680
- inset: 0;
1681
- width: 100%;
1682
- height: 100%;
1683
- overflow: visible;
1684
- pointer-events: none;
1685
- }
1686
- .m-workflow__preview path {
1687
- fill: none;
1688
- stroke: rgb(var(--m-theme-primary, 30 200 230));
1689
- stroke-width: 2;
1690
- stroke-linecap: round;
1691
- }
1692
- .m-workflow__port {
1693
- position: absolute;
1694
- display: flex;
1695
- align-items: center;
1696
- justify-content: center;
1697
- width: 18px;
1698
- height: 18px;
1699
- margin: -9px 0 0 -9px;
1700
- border-radius: 50%;
1701
- background: rgb(var(--m-theme-primary, 30 200 230));
1702
- color: #fff;
1703
- font-size: 12px;
1704
- cursor: crosshair;
1705
- pointer-events: auto;
1706
- user-select: none;
1707
- box-shadow: 0 0 0 2px #fff;
1708
- }
1709
- .m-workflow__backdrop {
1710
- position: fixed;
1711
- inset: 0;
1712
- pointer-events: auto;
1713
- }
1714
- .m-workflow__menu {
1715
- position: absolute;
1716
- min-width: 200px;
1717
- padding: 6px;
1718
- background: #fff;
1719
- border-radius: 12px;
1720
- box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
1721
- pointer-events: auto;
1722
- }
1723
- .m-workflow__menu-title {
1724
- padding: 6px 10px;
1725
- font-size: 12px;
1726
- color: #9ca3af;
1727
- }
1728
- .m-workflow__menu-item {
1729
- display: flex;
1730
- align-items: center;
1731
- justify-content: space-between;
1732
- width: 100%;
1733
- padding: 8px 10px;
1734
- border: 0;
1735
- border-radius: 8px;
1736
- background: transparent;
1737
- font-size: 14px;
1738
- color: #1f2937;
1739
- cursor: pointer;
1740
- }
1741
- .m-workflow__menu-item:hover {
1742
- background: #f3f4f6;
1743
- }
1744
- .m-workflow__menu-item-main {
1745
- display: flex;
1746
- align-items: center;
1747
- gap: 8px;
1748
- }
1749
- .m-workflow__menu-item-main .m-icon {
1750
- font-size: 18px;
1751
- color: #6b7280;
1752
- }
1753
- .m-workflow__menu-kbd {
1754
- font-size: 12px;
1755
- color: #9ca3af;
1756
- }.m-floatbar .m-overlay-content {
1757
- overflow: visible;
1758
- }.m-float-panel {
1759
- position: absolute;
1760
- pointer-events: auto !important;
1761
- z-index: 2000;
1762
- }
1763
- .m-float-panel__card {
1764
- display: flex;
1765
- flex-direction: column;
1766
- width: 100%;
1767
- height: 100%;
1768
- border-radius: 12px;
1769
- background-color: rgb(var(--m-theme-surface));
1770
- box-shadow: var(--m-shadow);
1771
- overflow: hidden;
1772
- }
1773
- .m-float-panel__title {
1774
- display: flex;
1775
- justify-content: space-between;
1776
- align-items: center;
1777
- padding: 8px;
1778
- font-size: 0.75rem;
1779
- font-weight: bold;
1780
- border-bottom: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
1781
- }
1782
- .m-float-panel__content {
1783
- position: relative;
1784
- width: 100%;
1785
- height: 100%;
1786
- overflow-y: auto;
1787
- }.m-layout {
1788
- --m-scrollbar-offset: 0px;
1789
- display: flex;
1790
- flex: 1 1 auto;
1791
- }
1792
- .m-layout--full-height {
1793
- --m-scrollbar-offset: inherit;
1794
- height: 100%;
1795
- }.m-layout-item {
1796
- position: absolute;
1797
- }
1798
- .m-layout-item--absolute {
1799
- position: absolute;
1800
- }
1801
- .m-layout-item--left {
1802
- border-right: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
1803
- }
1804
- .m-layout-item--top {
1805
- border-bottom: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
1806
- }
1807
- .m-layout-item--right {
1808
- border-left: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
1809
- }
1810
- .m-layout-item--bottom {
1811
- border-top: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
1812
- }.m-main {
1813
- flex: 1 0 auto;
1814
- max-width: 100%;
1815
- padding-left: var(--m-layout-left);
1816
- padding-right: var(--m-layout-right);
1817
- padding-top: var(--m-layout-top);
1818
- padding-bottom: var(--m-layout-bottom);
1819
- }
1820
- .m-main__scroller {
1821
- max-width: 100%;
1822
- position: relative;
1823
- }
1824
- .m-main--scrollable {
1825
- display: flex;
1826
- position: absolute;
1827
- top: 0;
1828
- left: 0;
1829
- width: 100%;
1830
- height: 100%;
1831
- }
1832
- .m-main--scrollable > .v-main__scroller {
1833
- flex: 1 1 auto;
1834
- overflow-y: auto;
1835
- --v-layout-left: 0px;
1836
- --v-layout-right: 0px;
1837
- --v-layout-top: 0px;
1838
- --v-layout-bottom: 0px;
1839
- }.m-editor {
1840
- --m-theme-primary: 69, 151, 248;
1841
- --m-theme-on-primary: 255, 255, 255;
1842
- --m-theme-secondary: 244, 36, 253;
1843
- --m-theme-on-secondary: 255, 255, 255;
1844
- --m-theme-surface: 255, 255, 255;
1845
- --m-theme-on-surface: 30, 30, 30;
1846
- --m-theme-surface-variant: 35, 37, 41;
1847
- --m-theme-on-surface-variant: 255, 255, 255;
1848
- --m-theme-background: 240, 242, 245;
1849
- --m-theme-on-background: 56, 56, 56;
1850
- --m-border-color: 0, 0, 0;
1851
- --m-border-opacity: .08;
1852
- --m-high-emphasis-opacity: 1;
1853
- --m-medium-emphasis-opacity: 0.5;
1854
- --m-low-emphasis-opacity: 0.3;
1855
- --m-hover-opacity: 0.04;
1856
- --m-activated-opacity: 0.06;
1857
- --m-shadow: 0 8px 32px 2px rgba(0, 0, 0, 0.08), 0 0 1px rgba(0, 0, 0, 0.2);
1858
- --m-blur: 8px;
1859
- position: relative;
1860
- width: 100%;
1861
- height: 100%;
1862
- flex-direction: column;
1863
- background-color: rgb(var(--m-theme-surface));
1864
- color: rgb(var(--m-theme-on-surface));
1865
- overflow: hidden;
1866
- user-select: none;
1867
- cursor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBR0JVbEVRVlI0QWV5WXowOGtSUlRIZXhhRlVTRUVRamlRRUFnbitBK01ISmlERi84SkU0OWNTRkQ1RlRETUhFQVE5S3pSZytGSE5pSGVKRkZqQW5PQnJLekdZRlRRRzRSQUVHRloxdDBaRk1YdnAzZHIwcGxNTTkzTDdzeDAwNlJlcXZyVnE2cjMvYjczdW91NVpkM3d2NGlBRzU0QWxsc0d4RVFNYzA1QmgyZ3FQQTJBVGpRQVJGY2w1WXVTYWttTmhCNTVRV1Btc05NdytBMndCZ1dnZUFaNHpkblpXZkx5OGpLVHpXYS9QVGs1U1oyZW5xWmsrSkxFRUFJWjJMTk82bUEyQUJqUEFRS282dVBqNC9HNnVycGhKbXBxYXJvYkdob0c2K3ZyaDBUSS9hT2pJNGg0UlhPR0RBZ2pLOWlMUFRRVm5JYlRlSXZqakNFZzN0allPSUF5bFVwWnNWak1vdWNaYVdwcWVsZEVIR2N5bWE5RlZFcTZseVdRRWNnU0FiVDh0eHRSSkpweHBmOWROT2wwbXM1S0pwTTVJZ3daOFhqOE5ZZ1NHZmNPRHcrVGxJbU1JU091M3BEQi9wQXJWV1UySE1Rem5FUWdvZnJpNHNMV0p4SUo1bklDRVVnczlqZ3JEQm5OemMzdlVDWWk0MVFsa3RTQ3dKU0lEVlFPMHlBQXViVzB0UFE1aXA2ZUhycUNBaEZJTFBhWURHTVV0Qkp4RW5CcFFQVDI5djU0Y0hEd014bUFHTDFiN3lUQ1pJV1BFbkhidGlSNlF3RGdrZjkwNnIrU2kxZ3N4ck0xUGo2dVIyOE5JaEN0dFYrY2hvd0NKVkxvWGVIdGtHZHM1U1FBOEJmYS94L0orY0xDd3J4Nnkwc0dZSmN2RUlFWU1zejhreEk1MFZma202MnRyZGVsNTRYSnU4ZjRJbFhwbXZOUUNDRDZmK3Y0ODRHQmdZMzkvZjFmTkg1cUVsaUxPSWt3V1VHSmRIWjJmcm01dVZsV0V2SUp5R1dBSE0vT3pjMHRxdmRWQnRpN0NVUWd6cXpvNk9nWWtUMmZUajdCdklUMStQeGEvczVPQXFoNU1zQXVBUmxtUjBaRzdQc0FaWUJJOTh4YU9wMjI5NnF0clgxVkE2N1hYTUx3cDZRa2NLRE96elhLZ0N5Z0RMTFNadmthcUw5MkdaZzlJSEoxZGRWQzBHMXZiMytpbnVpWDVUMlFUNEF6Q3lBZ016OC92eUFIcmF2dUJNd1hFc0FpZ0hVS091eDFhZHJzNnVyNlZPT1NSbDNuNVpvYkFTWUx6b2VHaHU3eU1zUnBKTGZTWllDTkV5eGpkQWhMZG5kM2Z4c2RIWDEvWW1MaVBYMGUrNldqNUNnOXNvOEFTRlc2bGs4QUorT0lJY0RPQXIyMGJNZUszUW1TeWFTZDJvQkYyR3huWitmM3djSEJENGVIaHovUVBtKzJ0YldOVDA1TzNoa2JHMXZYL0FOSlJuSXVLUXNKaFFnQUxNNUFBbzVsRnhjWDUrU2c1L2ZBOHZMeVYvcU1maVRBYjdXM3Q2ZG1abWJ1VEU5UHIybVBJNGNjYTN3cStVdkNPV1FDNU91eGRLMFFBWnlPSXhDQVU5d0o3REpnSXBGSTBCVVVreUZyYTJzL3pjN09ic2pvUkFMb1EvVk9RY2ZjZmVrZlNpQUEwaUZmajZWcnhRZ3dYNE9Nbnp2QjFOU1VFL3dmZ29NQStrK05UZVRQTkFZOFpRYlJGVVVBa2NBaEhDTTZSZThFMUw4QVdTc3JLMStvcDdidnFTZktBS1luM1lrNGM2UzlxWDB5amJNNFUwdEsyOXd5QUM5TUdaZ3M4SFFuaU1mamtBWkloQ2pUQTVob0E1cUlReXAyQU9jY3ppdUxYRVVBRWNGQkhNWHBLKzhFcHY0M05qYStGNUpIRWdEVEF4ckFFTWxlN01uZWlNeksyN3dRUUlyaXZLYzdRWDkvUDlkbkFDT3NZejFScmdqQStYUmZSUUMyT0E0QWdOaFpvRStiRGNSRUhDTlQvK3ZyNjdmMWpDMlJaaDNyRWFrcnN4VWpBTENrTEdDSTZKVjNncXFxS213TkFZd3JHandoS1VZQU5vQ0FBS0thMVFVbjl6c0JrZWRlWUxKQjlmK0RGb1NXQUlCUkJvL01yMFVBNTY0djBCYnAzOWZYOTUzR1pBcUVrUUZra0ZUbGE4Vk85cElCZ0FDTW5RSGE4S0grUVJMZTlkdDdlM3UvNnRuaVgrYnU3dTdQTk9hdER3SFlzb2Jza2JweW14Y0M4QjRnZ0FJY0lCOEk4TWV0cmExdjY2WDRSa3RMUzUrTStPYno2U05Mc0dXTjFKWGR2Qkpnc2dBQ0FNbU5qcHNlVjF1RW14NDY1ckNoQkVKSkFKSGxZc1B0RGdLNDVpS015UUN5ZzNjRjZROXBsUjErZWVjMUEyUnFFVkVpQzBDQVFnS2dpVHc5MFNmOXNjR1dOUlV2ZmdnQURNQUFDQWxrQXFBaGc3RkovY0JFSDBCK0NXQ05JWUZ5Z0FpQTAwTk1vTUFENW1rSVlCMUNqZWNMK2tESmRRZ0lGRkEzWnlNQzNKaTVLZm9vQTI1S3BOMXdSaG5neHN4TjBZY3VBL3dHTGlMQUwyTmhzNDh5SUd3UjlZc255Z0MvaklYTlBzcUFzRVhVTDU0b0Evd3lGamI3S0FQQ0ZsRy9lS0lNOE10WTJPeWpEQWg2Uksvci8vOEFBQUQvLzltR1FIRUFBQUFHU1VSQlZBTUFFTFdobi9KQ0EzY0FBQUFBU1VWT1JLNUNZSUk9IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiLz48L3N2Zz4=) 4 4, auto;
1868
- }
1869
- .m-editor--hand {
1870
- cursor: grab;
1871
- }
1872
- .m-editor--grabbing {
1873
- cursor: grabbing;
1874
- }
1875
- .m-editor--drawing {
1876
- cursor: crosshair;
1877
- }
1878
- .m-editor--drawing-tool-pencil {
1879
- cursor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBRjIwbEVRVlI0QWV5Wlcyc2tSUmlHZXp6TlNFaitRa2l1Y3BPcklJYUVrQWxtL29NSWFuNUJiZ0tpNURpYmcvOUJCQVVEQmc4b2lCZENJQWZJUVFrSzNnUXZjcE9BaDNnZWRZMmJkYlB2MDB3dHZaUHQ2YXFlVHJxejAwTzlWSFhYVjFYZis5WlgxZDAxVDNodC9zc0ZhUE1BOFBJSXlDT2d6UlhJbDBDYkIwQytDZVpMSUY4Q2JhNUF2Z1F5RkFBRitjS0VQS244YWVHWk9paHpqenBzZER1NVJLZko5UmEvSi95QUpLUkxSMGRIbFZxdFZnV1UxVzFKb0E0YmJIV1pURXEwczVndVFlb3B0UzBlSGg2T241MmRmZEhiMi90NVoyZm42NEF5OTZqRFJzQ1dOaXE2cDhZV2FRc0FFUWlWRGc0T0tuMTlmWjhWaThYaHpjMU5yMXF0K3NCaDdsR0hqYTZKQnRyUVZwZXRwVFFGZ0FCRVNudDdlK01EQXdPZlFBWGlZMk5qM3NMQ2dvOUNvZkJBQ0d5d2xWMWlJcVFsd0FQeTI5dmJsY0hCd1k5RnlpZTZJT0tVeStXeVo4cmtDT1BwaHkxdFZFeEVoRFFFZUlqOHlNakloeUx6RUhrSWIyeHNlUFB6ODQ4VWdUWkppWERkQWxpUmh6aWlBTW9JUXBuY1JBSWk3T3pzak91K2lZUllYR0kxMHFCeGtqTjVNMGlZQ0VORFF4OXBUM2hCZGtXQi9jU1pqM01ERFJRbnhTWnZCZ3NUb2IrLy96WFpFQVc4TURuemNXNmd3VnhUeStUTmdJMGk4TGpzNk9oNGZuMTlmVXcyc1Y2VXJscUFTUEp5M0lNSXVRMFFvVnd1KzZaYlcxdCszdFBUTTZJQ0FyQU1DaXBicDZzVUlKSThteHBrRUlCbnY2M1h0QW5hbnArZk14WkxnTnlKazVOeGNOQ0lNbzR3R3lVZVYrelkyRmYxZGdkcHl1VE1Kbzg3Q05tS0VPeUQ5dlMxdjcvL2pYTEdkT2JqM0VBRFJTVWNzU0p2T3JJVklVZ2VBV2wvZW5yNjdjVEV4TmVVNHlCcEFaekpHNmVqUkdna2IyWi9kWFgxUGZWeFYvaGZ1Q2M0cFNRRmlFM2VlQndtUWhqNTVlWGwyYW1wcVMvVi9qL2hYSEFXSVNrQldpWXY1LzNVS0VJWWVTMkJXek16TTVEL1J3My9GZTRJUk1LRmN1dVVoQUNKa1RkZUIwVVFVZjgydVFuN3VibTVKUW16cjRxYThKZHdXMENBU3hHZyswMVRxd0lrVHQ1NHk1UEJsSVBrWjJkbmx4Y1hGL2RVOTRmd3AvQzNjQ2F3Qks1MUQ3Z3k4cHBkRDlJaTVlZG01aUcvdExSa3lDTUFFY0Rzc3djUS90Y21RSnJrZjVjd0FQS3NmMlkvRm5uMUUrdXZzYXlRTjZFUGVkWStmSnpodWdjOFZ1UlJ5MFVBYlAwM1BBNGltcjNlMHJFTExOWThJUThJKzBSbTN2Z0hLVk51bG1NSCtTSUhFQnhFWUJ6bU9IVzJDT3Nqc09GQkhDUk9IaDhoUnQ0TWZGNFMrbnh1UGxzL2dMaDBobWQyNm1ZZE5kYWxUUjUvYkFUQXhwLzlrNU9UTnppQTRNdnRVWThwT3JSRkZzampLK1RJbXdFYlg0Q3VycTRoRE0xQkJDTGMxSm1IQjRBY2VSZ0lmMnc0YkNoS2dPY3doRGo1VFNjUEI4aVJod0VCV1A5K0JJUVoyZDdQU3RnSC9iVVJBQnNqUXJDdFV6bUw1Q0VBT2ZKbU1GR0FDTTNzUXV1eVNoNkhvd1NBdkVHVUxmMWRRcGJKNDJ3c1VqUzBRUnJrYmZ3SzJ0Z0l3QW1MRHc0Z2FXeSsxU0hJZFNONFQrQ1kyend0eU0wVDQ3cmU4QnA5Q3J1T0VzQW5yc1o4Wjk4ckZBcGNlMFlBaU9tZTF3aklJNExhaFgzUDgyb0xydVQxbG5GdDRTTEEzYlcxdFhmcG1ObUVQT1V3SUJKSFc5aGl3ekdXRGpOMlZZWTRTSjI4ZkxFNkQyRDIrZWErTXprNStkWHU3dTc3TklUWXhjV0ZGd2JJSThMeDhmRjNFdXVXanJFeVJ4NGVOaEhBWVFNQ2NPeDBlM2g0K0czOTIvT0IvcEQ4bEE3Q0FQSHA2ZWszdTd1N3A3Vlg3TWp1TnlFek15OWYvR1FqQUJIQWdTTkhUM3lMMTBaSFI5K3FWQ3J2YU8yL0tMd3N2Q3BNMVBHSzhwY2d2ckt5QXZGZk5SSkFnT0FoSnFJaXJxclRTMUVDNEprUmdBaEFBQTRqSWZTTEtuK3Vnekl3MXlZL3JkY2I4c0V6dk5USnl6ZnJQUUJuT1hmbkJKYk5DMEtRL0VtZC9DaDhYOGNQeWdIM3FFTVViSm41ekpHWHIxWUNZQmVNQW9nZ1FqQVNJQm9FRWNKNng0YW9RVGdpS0JOaER5RURteVdBTGMvL29BajhGUVV4L3BWQkRNQXNBOHFBT29oalMvUVFSZlJCZjVtQnJRQTRiRVJnRmlIRWpMSXhRcklSM0tjZU8rd2hUbnY2eVJSY0JBZzZEaGxJTWFzQWtnWmNBK3F4QzdiTFhEbXVBSmtqRXRlaFhJQzR5ajB1N1c1OEJMUTZFZmNCQUFELy83YmpxNjRBQUFBR1NVUkJWQU1BTUpYNHJsQ2FESTRBQUFBQVNVVk9SSzVDWUlJPSIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIi8+PC9zdmc+) 8 24, auto;
1880
- }
1881
- .m-editor--drawing-tool-pen {
1882
- cursor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBSmRFbEVRVlI0QWV5WlMyeFZWUlNHejZrZ0JVSjRoUEFJanhBU0VoSkN3a0NOK0lCTEFJR3hUdFNKRTRkZ1JDdFdvYjBGQnpoaWJnSWl3a0FuQ2tnQ0RZUkNERGFvQTJPMXBqTVNIcTJsRHdxMXBVLy9iOU5WZGsvUGZmYmVpOVNTdmJwZmE2Kzkvbit0dmMvaDNMTGdmLzV2aW9Bc0V5Q1VIbVE5bzNxYUovUVoxOURUV1RJNUQzQkFBdnBaUVN5WHpCd1Iyc2dNOVptYnJocGRiTEpPM2Y5K3dkbFVYZ0tDZVFlK3FhbHBhMjl2NzRYaDRlRXVwTFcxdGJxdHJhMjZvYUZobXd4QVNwU01wNElRQU1yL2NRWHdSQk1RNVFLYlhMTm16UTh6WnN4NDJUUVhMbHo0NFlJRkN5cldyVnQzUm9SMDl2VDBuSmRlVFh0N2U0MUkyU0c5V1NNU0pRYTdxZmJWa3RLV09FZDg4RFB2M0xsVEJWamNxcW1wQ2JaczJSS0VZUmpRUnVycTZwZ0t5c3ZMWDBKdi92ejVIOFdSMHRqWStKb1VMVk00TW9pUndaNmFMbjJKRW9BampMbkkzNzU5KzhDU0pVdjI0aFpnazhsa1lJQnBJMFlJTlRxSTZmaWtyRjI3OXF3eTVaNHlwWllza1UweWhPeDRva1FBVnI2TUZnaHdaMTZSMzc5MDZkTDNtUUVVWUdsZnZudzVRT2dqaVVTQzRRRFE5QkhJQ01QUVpRdHJFYWVrUDVBeVgxa2lNanAwWkpLZG5aMUpEWk1aUGhFYUtrMkpFa0RmUlgvMjdObXY0QUxPQTRvMmN1WEtsU0NSU0FUVjFkVk9JRU5neHBDQ0h1S1RFb2JobUtQRFBFZG03dHk1KzFwYVdxclZKeU40b2hBQWprYW9zYUlYQU5zbWJNakdqb0E1YythOHdJU0I5K3NhM1FYTStlS1RBaUVJNUxBT01WM2FTQmcrdWtjWVg3Um8wUWZTYnlNajFPZFk0QU8rNEpPR2lsZWlCTkFuQWtRaUlJSnNuVWdrWExSeG5ENTFIQW5NK1dMcnlCWUJEQkRXbWc3dE1IeE1CQm1oYktqU2ZNbElBTEQyY3dXMjZjTThFWENwem93UkFSQ2Nab3c2R3hMUTlRVWJSZ1EybUtNMlcyU0Q3cDhER29jRWdvRlA2aGFuUkkwYkNXVkt4OS9Za2loU0Y1SUU3RUVFQW5qNjFFWUNUNTZyVjY5dTFUaVpXRlFTb2dSb1QxY2d3alhpL3FSeVBFNDMwMWdxV3hzMmJLalEybGtTZXpxazlVbDZlWlVvQWNPeWdneWRPblhxaE5ydTdGTmJkR2dqcVJ4bkxsZUoyaUxidUlSdjNManhzV3dWTkF0a2IwenhDUUE0TWlTTndXblRwZzJxVGx1aWprZEpTcnM0TXVuYk1qc3JWNjdjSXpYL0hhSGdXUkFsd0lIWHBnTzdkKy8rVmZXNGk1QXhYM3pIL1hQczYyVGJ4aGE2WkFCQysvVHAwNXRWRnkwTFVoRkE5UHVibTV0LzErWTVrNER6Q0crRVNCZytmaXZFWGpxQlJPWXRDelp0MnZTZStpVWhRUHNFZGdRRzFPa3ZLeXVqcjJibVF2VE1lVUFqa0lDd21wcDVHMmNzVHJERE9QclU4K2JOZSs3Y3VYT3ZxczJqbVVkMFFZK0Jud0hhSTdBalFBWU1uRHg1OG1zR3pTbUxDbU54Z3A0OU5wa0hNRytEOXR4bkRtQ1o3S0RIZW5TcHU3dTdlUklnQlg4a1Jna2c0cEJBQmd4TW56NmRHaCt5Rm5NYThENGh0Q0VEY09nZ3FZeWk0OCt0WDcvK1JmVXRBNkkrYXlyL0VqVm1CTGdNMkxObnp5K1lOb2ZTT1kyZVJkYkFNeFlWaUdETWRHbEhaZk5tN3IzQWZYTmdidkhpeGMrckp2b2NBWHd1MkRIQW1HeVBsakVFYURUcmkxQzZXWlZzeWZTTkRRME5BZGpQQVBxK1N0N3RLQUVZTWhKSS81d3VRaFlqRmtIYStZaVJaR3QxaHdDWU84QklvRy9URTZyakNPQU80QWdnNHk1Q3ZnZWsydEdBcDB0dk8wWlJrTDVOMDZGRzlML0VEUjBkSGNla1UzQVM0Z2p3TTJEY1JZaERjaVMyR0NoMGtEZ2xJOGQwNDNTWTR4NWh6aDZiUEE2N3VycSswWmlSRU9lN3BuTXJjVWFNQURLZ1h4Zmh6NWpFS1dxQUliVGp4SGZjd0tMSEdnT0RMYnNNbVlzVDVuMWJySitqanpRWEwxNU1TSitqd0tVWTU3K21zeTl4Qm53QzNEMFFmU05NZHd4OHh3RVFocUg3RkpZTGVIUGZ0MlY3cmw2OW1rOTFaQUZQaE5CMDg2M2pDTUNXM1FNUTBCZDlJU0lhS0tVU2N4d0NUSWVvOHg2QTBMYnhYT3Urdmo0aUR3SFVxZnpQMm13cUEyU0JPd0t5MUZkUlVUSDZQb0R6RUlCb0xtV0JCRVEzdVBzVWxnOXdqcENSaUMwMkd4d2N4R2VMZnRFem9GK2I5a2tlNmpOVmcrckFITEdVWnF3WTRvT0hQUGFvcjY4L3BSOWR2cUNkcldUU2c4MDRIY3NBZHdTazBHc2ZTTWdBUkdPamIycTBDeWxSOE95bkgybisyTGh4NDNIdFExRElUbnhFTkpSL1NVVUFGcmtISU9DaE9qMDZCdGYxbmU1YnRkMXZBRGhWVjFmbmZ2eGdyRkFTQi83V3JWdU55NVl0cTlRZTNaSmVDVm1KYi9pb2J2NGxHd0xZckVkYlBOQ0x6cGMzYjk3OFUrMHhKT0EwWkRBK0VjRk9NcGwwSmtoN1NOWitmeTFmdnZ4VERYWkpIa2ora1JBVXl3SjE4eS9wQ0NDOTJNUUlnUDM3SzFhc3FDUWliR24zQVU1ekp3Q0E4WHlFdGRoaHJROWUrKzNYMkwwUnVhK2FZT0FUR1lDUEdzcS9wQ01BcTZRWUc1RjJFRUFVN2hFUklrT0V1T1hOY2Vvd2ZQUkRCNEN5elFwMFdjdUdFZkQ4UHRDcGNRUVN5QUI4NFI3QXQ1SVJBT05HQU01MEtqS2Y2SzNzZXpubm5neFJJZ0JFVm9SaDZGNkV3dkFSTWVqNzRvTm5EYVF5Zi9Ub1VWNTczVjdxVXdQZW9rOW1UaGk4N0FhWk1nQWRtSVp4bURjU09qVFJzWDM3OXE4dVhicjBuZHF1Y0NTTUNCK01tOVFmeGdDc3BpdTBHYU5EemZxUjlrSDFyNmtOY0FUd25IMENRVVlXQkx6c1owVUFtOEU0SkJBQnppRk90Y3RBMjdadDI0NkZZZmpXaFFzWHpxanZDa0FRMGhsQ0VOcE1DcGg3ZktZQ3IzV0hOUGVUZE5uRDByNG80TFZIVmdTZ0J3a3dUd1RHa1NDRnRwMDdkeDRYRVcvWDF0YWVQbi8rL0ZuOXFOR2s4ZEZDYXZza1FBU1QxQUpOTTZpcXF2cnM0TUdEOWVvWWVNZzI4QVFCUHpSZHVKTE5FYkRkMkJ3U2VBVDVKTFJKb1hWRTd1N1lzZVBZcmwyN1RxeGF0YXBHaEx3amVYZnYzcjFITk84K3J3TTRrVWk0Tm9UNDRBOGRPZ1I0amhjRWNPRUNudjNZbDZPSW1ZSktMZ1N3TVNRUWlXZ21HQWwvUzhtWHUrcTNIVGx5NUhwbFplWG5hcnNMRStCSVFrUXdSdVFGbnJRdktYajJ6cFVBMWhnSjNBblJpeEhBRU5BaVJhUjVwRzQ5ZlBqd05XWERtL2JrMEhqQW8xVG52VWJndWZBQWp4QjVMbHRzRnkzeTdJL2tRd0RyZkJKSVVZNEVOelhPazc0QUlTc2dCQms5SW5weWNHbStMakxlMEtOMG40N0VqektJTG10WWp4MERUN1pwdW5nbFh3TE1JNGdnU2h3Skk0TG9jWGtCaGxzY1lEd3hqQWd5eEJmR21VZTNwT0FCTVZFQ3NJRkFCTkhpV0VUSkFCUmtrQmxFbW13d0FtZ3o5a1RBNDNpaENNQ1dDV1J3WXhzaGxoaytFWllWa0FJNVpBMTZaQlByekZiT2RhNExpa0ZBMUFmSUFCaVp3VjBCV01oQWFEUEdIRG9sQlkranBTQ0FmY2dLd0FFU3NFUWJvYzJ4WVJ5aTBDMnBsSW9BQXdVUkNHQk42TnQ4eWV0U0UxQnlnSmsybkNJZ0UwT1RmWDRxQXlaN2hEUGhtOHFBVEF4Tjl2bXBESmpzRWM2RWJ5b0RNakUwMmVlbk11QnBqL0JFL2Y4WEFBRC8vemM3eStFQUFBQUdTVVJCVkFNQUg2M2h2WjBON3dnQUFBQUFTVVZPUks1Q1lJST0iIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIvPjwvc3ZnPg==) 4 4, auto;
1883
- }
1884
- .m-editor * {
1885
- box-sizing: border-box;
1886
- }
1887
- .m-editor__drawboard {
1888
- position: relative;
1889
- width: 100%;
1890
- height: 100%;
1891
- overflow: hidden;
1892
- }
1893
- .m-editor__drawboard > * {
1894
- pointer-events: none;
1895
- }
1896
- .m-editor__canvas {
1897
- position: absolute;
1898
- left: 0;
1899
- top: 0;
1900
- width: 100%;
1901
- height: 100%;
1902
- display: block;
1903
- }
1904
- .m-overlay-container {
1905
- position: absolute;
1906
- left: 0;
1907
- top: 0;
1908
- width: 100%;
1909
- height: 100%;
1910
- pointer-events: none;
1911
- }.m-dialog > * {
1912
- box-shadow: var(--m-shadow);
1913
- }/*$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-cropper__guide{pointer-events:none;background-color:rgb(var(--m-theme-primary));position:absolute}.m-cropper__guide--x{width:1px;height:100%;top:0}.m-cropper__guide--y{width:100%;height:1px;left:0}.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*/