@daisychainapp/maily-to-core 0.1.3 → 0.2.8

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 ADDED
@@ -0,0 +1,2358 @@
1
+ /* src/styles/index.css */
2
+ :root {
3
+ --placeholder-color: #adb5bd;
4
+ --bg-color: #ffffff;
5
+ --variable-icon-size: 12px;
6
+ --variable-icon-gap: 4px;
7
+ --color-token-tag: #00c951;
8
+ --color-meta-string: #2b7fff;
9
+ --color-attribute: #ad46ff;
10
+ --color-tag: #313233;
11
+ --color-meta: #313233d6;
12
+ }
13
+ .mly-editor .mly-prose p:where([class~=text-sm]):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
14
+ font-size: 16px;
15
+ }
16
+ .mly-editor .mly-prose :where(h1, h2, h3):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
17
+ margin-top: 0;
18
+ margin-bottom: 12px;
19
+ }
20
+ .mly-editor .mly-prose :where(h1):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
21
+ font-size: 36px;
22
+ }
23
+ .mly-editor .mly-prose :where(h2):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
24
+ font-size: 30px;
25
+ }
26
+ .mly-editor .mly-prose :where(h3):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
27
+ font-size: 24px;
28
+ }
29
+ .mly-editor .mly-prose p:not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
30
+ font-size: 15px;
31
+ margin-bottom: 20px;
32
+ }
33
+ .mly-editor .mly-prose :where(h1, h2, h3, hr, table) + p:not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
34
+ margin-top: 0;
35
+ }
36
+ .mly-editor .mly-prose :where(ol, ul):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
37
+ margin-top: 0;
38
+ margin-bottom: 20px;
39
+ }
40
+ .mly-editor .mly-prose li:not(:last-child):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
41
+ margin-bottom: 8px;
42
+ }
43
+ .mly-editor .mly-prose li > p:not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
44
+ margin: 0;
45
+ }
46
+ .mly-editor .mly-prose :where(img, .node-logo):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
47
+ margin-top: 0;
48
+ margin-bottom: 32px;
49
+ }
50
+ .mly-editor .mly-prose hr:not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
51
+ margin-block: 32px;
52
+ }
53
+ .mly-editor .mly-prose .footer:not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
54
+ display: block;
55
+ font-size: 13px;
56
+ margin-bottom: 20px;
57
+ color: rgb(100, 116, 139);
58
+ }
59
+ .mly-editor .mly-prose .spacer + *:not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
60
+ margin-top: 0;
61
+ }
62
+ .mly-editor .mly-prose p + .spacer:not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
63
+ margin-top: -20px;
64
+ }
65
+ .mly-editor .mly-prose blockquote + .spacer:not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
66
+ margin-top: -16px;
67
+ }
68
+ .mly-editor .mly-prose :where(h1, h2, h3) + .spacer:not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
69
+ margin-top: -12px;
70
+ }
71
+ .mly-editor .mly-prose :where(ol, ul) + .spacer:not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
72
+ margin-top: -20px;
73
+ }
74
+ .mly-editor .mly-prose :where(img, .node-logo) + .spacer:not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
75
+ margin-top: -32px;
76
+ }
77
+ .mly-editor .mly-prose :where(.node-button, .node-linkCard, footer) + .spacer:not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
78
+ margin-top: -20px;
79
+ }
80
+ .mly-editor .mly-prose :where(.node-button, .node-linkCard):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
81
+ margin-top: 0;
82
+ margin-bottom: 20px;
83
+ }
84
+ .mly-editor .mly-prose .node-image:not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
85
+ line-height: 0;
86
+ margin-top: 0;
87
+ margin-bottom: 32px;
88
+ outline: none;
89
+ }
90
+ .mly-editor .mly-prose .node-image + .spacer:not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
91
+ margin-top: -32px;
92
+ }
93
+ .mly-editor .mly-prose code::before,
94
+ .mly-editor .mly-prose code::after {
95
+ content: none;
96
+ }
97
+ .mly-no-scrollbar::-webkit-scrollbar {
98
+ display: none;
99
+ }
100
+ .mly-no-scrollbar {
101
+ -ms-overflow-style: none;
102
+ scrollbar-width: none;
103
+ }
104
+ .mly-editor .react-colorful__alpha {
105
+ border-radius: 0;
106
+ }
107
+ .mly-editor .react-colorful__saturation,
108
+ .mly-editor .react-colorful__hue,
109
+ .mly-editor .react-colorful__alpha {
110
+ border-radius: 8px;
111
+ }
112
+ .mly-editor .react-colorful__hue,
113
+ .mly-editor .react-colorful__alpha {
114
+ height: 16px;
115
+ }
116
+ .mly-editor .react-colorful__pointer {
117
+ width: 16px;
118
+ height: 16px;
119
+ }
120
+ .mly-editable .ProseMirror-selectednode::after {
121
+ content: "";
122
+ position: absolute;
123
+ inset: -2px;
124
+ pointer-events: none;
125
+ border-radius: 6px;
126
+ background: rgba(35, 131, 226, 0.14);
127
+ }
128
+ .mly-prose {
129
+ strong {
130
+ color: currentColor;
131
+ }
132
+ }
133
+ .ProseMirror {
134
+ position: relative;
135
+ word-wrap: break-word;
136
+ white-space: pre-wrap;
137
+ white-space: break-spaces;
138
+ font-variant-ligatures: none;
139
+ font-feature-settings: "liga" 0;
140
+ &:focus {
141
+ outline: none;
142
+ }
143
+ p:not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
144
+ margin-top: 0;
145
+ }
146
+ h1 {
147
+ --variable-icon-size: 28px;
148
+ }
149
+ h2 {
150
+ --variable-icon-size: 24px;
151
+ }
152
+ h3 {
153
+ --variable-icon-size: 20px;
154
+ }
155
+ h1,
156
+ h2,
157
+ h3 {
158
+ --variable-icon-gap: 8px;
159
+ }
160
+ :where(.is-editor-empty:first-child, .is-empty):not(:where([data-type=columns], [data-type=section], ul, li, ol))::before {
161
+ content: attr(data-placeholder);
162
+ float: left;
163
+ color: var(--placeholder-color);
164
+ pointer-events: none;
165
+ height: 0;
166
+ }
167
+ .is-empty:where(.node-htmlCodeBlock):not([data-active-tab=preview])::before,
168
+ .is-editor-empty:first-child:where(.node-htmlCodeBlock):not([data-active-tab=preview])::before {
169
+ float: none !important;
170
+ position: absolute;
171
+ left: 9px;
172
+ top: 8px;
173
+ }
174
+ .is-empty:where(.node-htmlCodeBlock):not([data-active-tab=code])::before,
175
+ .is-editor-empty:first-child:where(.node-htmlCodeBlock):not([data-active-tab=code])::before {
176
+ content: "";
177
+ }
178
+ [data-type=columns] .is-empty::before,
179
+ [data-type=section] .is-empty::before {
180
+ --l-threshold: 0.66;
181
+ --diff: calc(var(--l-threshold) - l);
182
+ color: oklch(from var(--bg-color) clamp(0.05, max(min(var(--diff) * infinity, 1), 0), 0.95) c h) !important;
183
+ opacity: 0.6;
184
+ }
185
+ [data-type=columns] {
186
+ display: flex;
187
+ margin: 0;
188
+ padding: 0;
189
+ &.has-focus [data-type=column],
190
+ &:hover [data-type=column] {
191
+ outline: 1.5px solid #e9ecef;
192
+ outline-style: dashed;
193
+ }
194
+ [data-type=column].has-focus {
195
+ outline-style: solid;
196
+ }
197
+ }
198
+ [data-type=column] {
199
+ display: table-cell;
200
+ flex-basis: 0;
201
+ flex-grow: 1;
202
+ overflow: auto;
203
+ & > *:first-child {
204
+ margin-top: 0;
205
+ }
206
+ & > *:last-child {
207
+ margin-bottom: 0;
208
+ }
209
+ }
210
+ [data-type=section] {
211
+ margin: 0;
212
+ padding: 0;
213
+ [data-type=section-cell] {
214
+ padding: 0;
215
+ & > *:first-child {
216
+ margin-top: 0;
217
+ }
218
+ & > *:last-child {
219
+ margin-bottom: 0;
220
+ }
221
+ }
222
+ }
223
+ [data-type=repeat] {
224
+ [data-node-view-content] > div {
225
+ & > *:first-child {
226
+ margin-top: 0;
227
+ }
228
+ & > *:last-child {
229
+ margin-bottom: 0;
230
+ }
231
+ }
232
+ }
233
+ .node-repeat.has-focus [data-repeat-indicator] {
234
+ opacity: 1;
235
+ }
236
+ [data-type=show] {
237
+ [data-node-view-content] > div {
238
+ & > *:first-child {
239
+ margin-top: 0;
240
+ }
241
+ & > *:last-child {
242
+ margin-bottom: 0;
243
+ }
244
+ }
245
+ }
246
+ .mly-image-drop-zone::after {
247
+ content: "";
248
+ position: absolute;
249
+ inset: 0;
250
+ border: 2px dashed #00bcff;
251
+ border-radius: 4px;
252
+ pointer-events: none;
253
+ opacity: 0;
254
+ transition: opacity 0.2s ease;
255
+ }
256
+ .mly-image-drop-zone.mly-drag-over::after {
257
+ opacity: 1;
258
+ }
259
+ *:has(+ .ProseMirror-gapcursor) {
260
+ margin-bottom: 0 !important;
261
+ }
262
+ .ProseMirror-gapcursor {
263
+ &::after {
264
+ border: 1.5px solid gray;
265
+ width: 24px;
266
+ }
267
+ & + * {
268
+ margin-top: 0 !important;
269
+ }
270
+ }
271
+ pre {
272
+ code {
273
+ background: none;
274
+ color: inherit;
275
+ }
276
+ .hljs-comment,
277
+ .hljs-quote {
278
+ color: #616161;
279
+ }
280
+ .hljs-variable,
281
+ .hljs-template-variable,
282
+ .hljs-attribute,
283
+ .hljs-regexp,
284
+ .hljs-link,
285
+ .hljs-selector-id,
286
+ .hljs-selector-class {
287
+ color: var(--color-token-tag);
288
+ }
289
+ .hljs-tag {
290
+ color: var(--color-tag);
291
+ }
292
+ .hljs-name {
293
+ color: var(--color-token-tag);
294
+ }
295
+ .hljs-number,
296
+ .hljs-built_in,
297
+ .hljs-builtin-name,
298
+ .hljs-literal,
299
+ .hljs-type,
300
+ .hljs-params {
301
+ color: var(--color-meta-string);
302
+ }
303
+ .hljs-meta,
304
+ .hljs-keyword {
305
+ color: var(--color-meta);
306
+ }
307
+ .hljs-string,
308
+ .hljs-symbol,
309
+ .hljs-bullet {
310
+ color: var(--color-meta-string);
311
+ }
312
+ .hljs-title,
313
+ .hljs-section {
314
+ color: #faf594;
315
+ }
316
+ .hljs-emphasis {
317
+ font-style: italic;
318
+ }
319
+ .hljs-strong {
320
+ font-weight: 700;
321
+ }
322
+ .hljs-attr {
323
+ color: var(--color-attribute);
324
+ }
325
+ .hljs-selector-tag {
326
+ color: var(--color-meta-string);
327
+ }
328
+ }
329
+ }
330
+ .hide-number-controls {
331
+ &::-webkit-outer-spin-button,
332
+ &::-webkit-inner-spin-button {
333
+ -webkit-appearance: none;
334
+ margin: 0;
335
+ }
336
+ &[type=number] {
337
+ -moz-appearance: textfield;
338
+ }
339
+ }
340
+ .hide-scrollbars {
341
+ scrollbar-width: none;
342
+ -ms-overflow-style: none;
343
+ &::-webkit-scrollbar {
344
+ display: none;
345
+ }
346
+ }
347
+
348
+ /* src/styles/preflight.css */
349
+ :where(.mly-editor),
350
+ :where(.mly-editor) ::before,
351
+ :where(.mly-editor) ::after {
352
+ box-sizing: border-box;
353
+ border-width: 0;
354
+ border-style: solid;
355
+ border-color: #e5e7eb;
356
+ }
357
+ :where(.mly-editor) ::before,
358
+ :where(.mly-editor) ::after {
359
+ --mly-tw-content: "";
360
+ }
361
+ :where(.mly-editor) html {
362
+ line-height: 1.5;
363
+ -webkit-text-size-adjust: 100%;
364
+ -moz-tab-size: 4;
365
+ -o-tab-size: 4;
366
+ tab-size: 4;
367
+ font-family:
368
+ ui-sans-serif,
369
+ system-ui,
370
+ sans-serif,
371
+ "Apple Color Emoji",
372
+ "Segoe UI Emoji",
373
+ "Segoe UI Symbol",
374
+ "Noto Color Emoji";
375
+ font-feature-settings: normal;
376
+ font-variation-settings: normal;
377
+ }
378
+ :where(.mly-editor) body {
379
+ margin: 0;
380
+ line-height: inherit;
381
+ }
382
+ :where(.mly-editor) hr {
383
+ height: 0;
384
+ color: inherit;
385
+ border-top-width: 1px;
386
+ }
387
+ :where(.mly-editor) abbr:where([title]) {
388
+ -webkit-text-decoration: underline dotted;
389
+ text-decoration: underline dotted;
390
+ }
391
+ :where(.mly-editor) h1,
392
+ :where(.mly-editor) h2,
393
+ :where(.mly-editor) h3,
394
+ :where(.mly-editor) h4,
395
+ :where(.mly-editor) h5,
396
+ :where(.mly-editor) h6 {
397
+ font-size: inherit;
398
+ font-weight: inherit;
399
+ }
400
+ :where(.mly-editor) a {
401
+ color: inherit;
402
+ text-decoration: inherit;
403
+ }
404
+ :where(.mly-editor) b,
405
+ :where(.mly-editor) strong {
406
+ font-weight: bolder;
407
+ }
408
+ :where(.mly-editor) code,
409
+ :where(.mly-editor) kbd,
410
+ :where(.mly-editor) samp,
411
+ :where(.mly-editor) pre {
412
+ font-family:
413
+ ui-monospace,
414
+ SFMono-Regular,
415
+ Menlo,
416
+ Monaco,
417
+ Consolas,
418
+ "Liberation Mono",
419
+ "Courier New",
420
+ monospace;
421
+ font-size: 1em;
422
+ }
423
+ :where(.mly-editor) small {
424
+ font-size: 80%;
425
+ }
426
+ :where(.mly-editor) sub,
427
+ :where(.mly-editor) sup {
428
+ font-size: 75%;
429
+ line-height: 0;
430
+ position: relative;
431
+ vertical-align: baseline;
432
+ }
433
+ :where(.mly-editor) sub {
434
+ bottom: -0.25em;
435
+ }
436
+ :where(.mly-editor) sup {
437
+ top: -0.5em;
438
+ }
439
+ :where(.mly-editor) table {
440
+ text-indent: 0;
441
+ border-color: inherit;
442
+ border-collapse: collapse;
443
+ }
444
+ :where(.mly-editor) button,
445
+ :where(.mly-editor) input,
446
+ :where(.mly-editor) optgroup,
447
+ :where(.mly-editor) select,
448
+ :where(.mly-editor) textarea {
449
+ font-family: inherit;
450
+ font-feature-settings: inherit;
451
+ font-variation-settings: inherit;
452
+ font-size: 100%;
453
+ font-weight: inherit;
454
+ line-height: inherit;
455
+ color: inherit;
456
+ margin: 0;
457
+ padding: 0;
458
+ }
459
+ :where(.mly-editor) button,
460
+ :where(.mly-editor) select {
461
+ text-transform: none;
462
+ }
463
+ :where(.mly-editor) button,
464
+ :where(.mly-editor) [type=button],
465
+ :where(.mly-editor) [type=reset],
466
+ :where(.mly-editor) [type=submit] {
467
+ -webkit-appearance: button;
468
+ background-image: none;
469
+ }
470
+ :where(.mly-editor) :-moz-focusring {
471
+ outline: auto;
472
+ }
473
+ :where(.mly-editor) :-moz-ui-invalid {
474
+ box-shadow: none;
475
+ }
476
+ :where(.mly-editor) progress {
477
+ vertical-align: baseline;
478
+ }
479
+ :where(.mly-editor) ::-webkit-inner-spin-button,
480
+ :where(.mly-editor) ::-webkit-outer-spin-button {
481
+ height: auto;
482
+ }
483
+ :where(.mly-editor) [type=search] {
484
+ -webkit-appearance: textfield;
485
+ outline-offset: -2px;
486
+ }
487
+ :where(.mly-editor) ::-webkit-search-decoration {
488
+ -webkit-appearance: none;
489
+ }
490
+ :where(.mly-editor) ::-webkit-file-upload-button {
491
+ -webkit-appearance: button;
492
+ font: inherit;
493
+ }
494
+ :where(.mly-editor) summary {
495
+ display: list-item;
496
+ }
497
+ :where(.mly-editor) blockquote,
498
+ :where(.mly-editor) dl,
499
+ :where(.mly-editor) dd,
500
+ :where(.mly-editor) h1,
501
+ :where(.mly-editor) h2,
502
+ :where(.mly-editor) h3,
503
+ :where(.mly-editor) h4,
504
+ :where(.mly-editor) h5,
505
+ :where(.mly-editor) h6,
506
+ :where(.mly-editor) hr,
507
+ :where(.mly-editor) figure,
508
+ :where(.mly-editor) p,
509
+ :where(.mly-editor) pre {
510
+ margin: 0;
511
+ }
512
+ :where(.mly-editor) fieldset {
513
+ margin: 0;
514
+ padding: 0;
515
+ }
516
+ :where(.mly-editor) legend {
517
+ padding: 0;
518
+ }
519
+ :where(.mly-editor) ol,
520
+ :where(.mly-editor) ul,
521
+ :where(.mly-editor) menu {
522
+ list-style: none;
523
+ margin: 0;
524
+ padding: 0;
525
+ }
526
+ :where(.mly-editor) dialog {
527
+ padding: 0;
528
+ }
529
+ :where(.mly-editor) textarea {
530
+ resize: vertical;
531
+ }
532
+ :where(.mly-editor) input::-moz-placeholder,
533
+ :where(.mly-editor) textarea::-moz-placeholder {
534
+ opacity: 1;
535
+ color: #9ca3af;
536
+ }
537
+ :where(.mly-editor) input::placeholder,
538
+ :where(.mly-editor) textarea::placeholder {
539
+ opacity: 1;
540
+ color: #9ca3af;
541
+ }
542
+ :where(.mly-editor) button,
543
+ :where(.mly-editor) [role=button] {
544
+ cursor: pointer;
545
+ }
546
+ :where(.mly-editor) :disabled {
547
+ cursor: default;
548
+ }
549
+ :where(.mly-editor) img,
550
+ :where(.mly-editor) svg,
551
+ :where(.mly-editor) video,
552
+ :where(.mly-editor) canvas,
553
+ :where(.mly-editor) audio,
554
+ :where(.mly-editor) iframe,
555
+ :where(.mly-editor) embed,
556
+ :where(.mly-editor) object {
557
+ display: block;
558
+ vertical-align: middle;
559
+ }
560
+ :where(.mly-editor) img,
561
+ :where(.mly-editor) video {
562
+ max-width: 100%;
563
+ height: auto;
564
+ }
565
+ :where(.mly-editor) [hidden] {
566
+ display: none;
567
+ }
568
+
569
+ /* src/styles/tailwind.css */
570
+ :root {
571
+ --mly-tw-border-spacing-x: 0;
572
+ --mly-tw-border-spacing-y: 0;
573
+ --mly-tw-translate-x: 0;
574
+ --mly-tw-translate-y: 0;
575
+ --mly-tw-rotate: 0;
576
+ --mly-tw-skew-x: 0;
577
+ --mly-tw-skew-y: 0;
578
+ --mly-tw-scale-x: 1;
579
+ --mly-tw-scale-y: 1;
580
+ --mly-tw-pan-x: ;
581
+ --mly-tw-pan-y: ;
582
+ --mly-tw-pinch-zoom: ;
583
+ --mly-tw-scroll-snap-strictness: proximity;
584
+ --mly-tw-gradient-from-position: ;
585
+ --mly-tw-gradient-via-position: ;
586
+ --mly-tw-gradient-to-position: ;
587
+ --mly-tw-ordinal: ;
588
+ --mly-tw-slashed-zero: ;
589
+ --mly-tw-numeric-figure: ;
590
+ --mly-tw-numeric-spacing: ;
591
+ --mly-tw-numeric-fraction: ;
592
+ --mly-tw-ring-inset: ;
593
+ --mly-tw-ring-offset-width: 0px;
594
+ --mly-tw-ring-offset-color: #fff;
595
+ --mly-tw-ring-color: rgb(59 130 246 / 0.5);
596
+ --mly-tw-ring-offset-shadow: 0 0 #0000;
597
+ --mly-tw-ring-shadow: 0 0 #0000;
598
+ --mly-tw-shadow: 0 0 #0000;
599
+ --mly-tw-shadow-colored: 0 0 #0000;
600
+ --mly-tw-blur: ;
601
+ --mly-tw-brightness: ;
602
+ --mly-tw-contrast: ;
603
+ --mly-tw-grayscale: ;
604
+ --mly-tw-hue-rotate: ;
605
+ --mly-tw-invert: ;
606
+ --mly-tw-saturate: ;
607
+ --mly-tw-sepia: ;
608
+ --mly-tw-drop-shadow: ;
609
+ --mly-tw-backdrop-blur: ;
610
+ --mly-tw-backdrop-brightness: ;
611
+ --mly-tw-backdrop-contrast: ;
612
+ --mly-tw-backdrop-grayscale: ;
613
+ --mly-tw-backdrop-hue-rotate: ;
614
+ --mly-tw-backdrop-invert: ;
615
+ --mly-tw-backdrop-opacity: ;
616
+ --mly-tw-backdrop-saturate: ;
617
+ --mly-tw-backdrop-sepia: ;
618
+ --mly-tw-contain-size: ;
619
+ --mly-tw-contain-layout: ;
620
+ --mly-tw-contain-paint: ;
621
+ --mly-tw-contain-style: ;
622
+ }
623
+ ::backdrop {
624
+ --mly-tw-border-spacing-x: 0;
625
+ --mly-tw-border-spacing-y: 0;
626
+ --mly-tw-translate-x: 0;
627
+ --mly-tw-translate-y: 0;
628
+ --mly-tw-rotate: 0;
629
+ --mly-tw-skew-x: 0;
630
+ --mly-tw-skew-y: 0;
631
+ --mly-tw-scale-x: 1;
632
+ --mly-tw-scale-y: 1;
633
+ --mly-tw-pan-x: ;
634
+ --mly-tw-pan-y: ;
635
+ --mly-tw-pinch-zoom: ;
636
+ --mly-tw-scroll-snap-strictness: proximity;
637
+ --mly-tw-gradient-from-position: ;
638
+ --mly-tw-gradient-via-position: ;
639
+ --mly-tw-gradient-to-position: ;
640
+ --mly-tw-ordinal: ;
641
+ --mly-tw-slashed-zero: ;
642
+ --mly-tw-numeric-figure: ;
643
+ --mly-tw-numeric-spacing: ;
644
+ --mly-tw-numeric-fraction: ;
645
+ --mly-tw-ring-inset: ;
646
+ --mly-tw-ring-offset-width: 0px;
647
+ --mly-tw-ring-offset-color: #fff;
648
+ --mly-tw-ring-color: rgb(59 130 246 / 0.5);
649
+ --mly-tw-ring-offset-shadow: 0 0 #0000;
650
+ --mly-tw-ring-shadow: 0 0 #0000;
651
+ --mly-tw-shadow: 0 0 #0000;
652
+ --mly-tw-shadow-colored: 0 0 #0000;
653
+ --mly-tw-blur: ;
654
+ --mly-tw-brightness: ;
655
+ --mly-tw-contrast: ;
656
+ --mly-tw-grayscale: ;
657
+ --mly-tw-hue-rotate: ;
658
+ --mly-tw-invert: ;
659
+ --mly-tw-saturate: ;
660
+ --mly-tw-sepia: ;
661
+ --mly-tw-drop-shadow: ;
662
+ --mly-tw-backdrop-blur: ;
663
+ --mly-tw-backdrop-brightness: ;
664
+ --mly-tw-backdrop-contrast: ;
665
+ --mly-tw-backdrop-grayscale: ;
666
+ --mly-tw-backdrop-hue-rotate: ;
667
+ --mly-tw-backdrop-invert: ;
668
+ --mly-tw-backdrop-opacity: ;
669
+ --mly-tw-backdrop-saturate: ;
670
+ --mly-tw-backdrop-sepia: ;
671
+ --mly-tw-contain-size: ;
672
+ --mly-tw-contain-layout: ;
673
+ --mly-tw-contain-paint: ;
674
+ --mly-tw-contain-style: ;
675
+ }
676
+ * {
677
+ scrollbar-color: initial;
678
+ scrollbar-width: initial;
679
+ }
680
+ .mly-prose {
681
+ color: var(--mly-tw-prose-body);
682
+ max-width: 65ch;
683
+ }
684
+ .mly-prose :where(p):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
685
+ margin-top: 1.25em;
686
+ margin-bottom: 1.25em;
687
+ }
688
+ .mly-prose :where([class~=lead]):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
689
+ color: var(--mly-tw-prose-lead);
690
+ font-size: 1.25em;
691
+ line-height: 1.6;
692
+ margin-top: 1.2em;
693
+ margin-bottom: 1.2em;
694
+ }
695
+ .mly-prose :where(a):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
696
+ color: var(--mly-tw-prose-links);
697
+ text-decoration: underline;
698
+ font-weight: 500;
699
+ }
700
+ .mly-prose :where(strong):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
701
+ color: var(--mly-tw-prose-bold);
702
+ font-weight: 600;
703
+ }
704
+ .mly-prose :where(a strong):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
705
+ color: inherit;
706
+ }
707
+ .mly-prose :where(blockquote strong):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
708
+ color: inherit;
709
+ }
710
+ .mly-prose :where(thead th strong):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
711
+ color: inherit;
712
+ }
713
+ .mly-prose :where(ol):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
714
+ list-style-type: decimal;
715
+ margin-top: 1.25em;
716
+ margin-bottom: 1.25em;
717
+ padding-inline-start: 1.625em;
718
+ }
719
+ .mly-prose :where(ol[type=A]):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
720
+ list-style-type: upper-alpha;
721
+ }
722
+ .mly-prose :where(ol[type=a]):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
723
+ list-style-type: lower-alpha;
724
+ }
725
+ .mly-prose :where(ol[type=A s]):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
726
+ list-style-type: upper-alpha;
727
+ }
728
+ .mly-prose :where(ol[type=a s]):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
729
+ list-style-type: lower-alpha;
730
+ }
731
+ .mly-prose :where(ol[type=I]):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
732
+ list-style-type: upper-roman;
733
+ }
734
+ .mly-prose :where(ol[type=i]):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
735
+ list-style-type: lower-roman;
736
+ }
737
+ .mly-prose :where(ol[type=I s]):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
738
+ list-style-type: upper-roman;
739
+ }
740
+ .mly-prose :where(ol[type=i s]):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
741
+ list-style-type: lower-roman;
742
+ }
743
+ .mly-prose :where(ol[type="1"]):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
744
+ list-style-type: decimal;
745
+ }
746
+ .mly-prose :where(ul):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
747
+ list-style-type: disc;
748
+ margin-top: 1.25em;
749
+ margin-bottom: 1.25em;
750
+ padding-inline-start: 1.625em;
751
+ }
752
+ .mly-prose :where(ol > li):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *))::marker {
753
+ font-weight: 400;
754
+ color: var(--mly-tw-prose-counters);
755
+ }
756
+ .mly-prose :where(ul > li):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *))::marker {
757
+ color: var(--mly-tw-prose-bullets);
758
+ }
759
+ .mly-prose :where(dt):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
760
+ color: var(--mly-tw-prose-headings);
761
+ font-weight: 600;
762
+ margin-top: 1.25em;
763
+ }
764
+ .mly-prose :where(hr):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
765
+ border-color: var(--mly-tw-prose-hr);
766
+ border-top-width: 1px;
767
+ margin-top: 3em;
768
+ margin-bottom: 3em;
769
+ }
770
+ .mly-prose :where(blockquote):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
771
+ font-weight: 500;
772
+ font-style: italic;
773
+ color: var(--mly-tw-prose-quotes);
774
+ border-inline-start-width: 0.25rem;
775
+ border-inline-start-color: var(--mly-tw-prose-quote-borders);
776
+ quotes: "\201c""\201d""\2018""\2019";
777
+ margin-top: 1.6em;
778
+ margin-bottom: 1.6em;
779
+ padding-inline-start: 1em;
780
+ }
781
+ .mly-prose :where(blockquote p:first-of-type):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *))::before {
782
+ content: open-quote;
783
+ }
784
+ .mly-prose :where(blockquote p:last-of-type):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *))::after {
785
+ content: close-quote;
786
+ }
787
+ .mly-prose :where(h1):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
788
+ color: var(--mly-tw-prose-headings);
789
+ font-weight: 800;
790
+ font-size: 2.25em;
791
+ margin-top: 0;
792
+ margin-bottom: 0.8888889em;
793
+ line-height: 1.1111111;
794
+ }
795
+ .mly-prose :where(h1 strong):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
796
+ font-weight: 900;
797
+ color: inherit;
798
+ }
799
+ .mly-prose :where(h2):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
800
+ color: var(--mly-tw-prose-headings);
801
+ font-weight: 700;
802
+ font-size: 1.5em;
803
+ margin-top: 2em;
804
+ margin-bottom: 1em;
805
+ line-height: 1.3333333;
806
+ }
807
+ .mly-prose :where(h2 strong):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
808
+ font-weight: 800;
809
+ color: inherit;
810
+ }
811
+ .mly-prose :where(h3):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
812
+ color: var(--mly-tw-prose-headings);
813
+ font-weight: 600;
814
+ font-size: 1.25em;
815
+ margin-top: 1.6em;
816
+ margin-bottom: 0.6em;
817
+ line-height: 1.6;
818
+ }
819
+ .mly-prose :where(h3 strong):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
820
+ font-weight: 700;
821
+ color: inherit;
822
+ }
823
+ .mly-prose :where(h4):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
824
+ color: var(--mly-tw-prose-headings);
825
+ font-weight: 600;
826
+ margin-top: 1.5em;
827
+ margin-bottom: 0.5em;
828
+ line-height: 1.5;
829
+ }
830
+ .mly-prose :where(h4 strong):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
831
+ font-weight: 700;
832
+ color: inherit;
833
+ }
834
+ .mly-prose :where(img):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
835
+ margin-top: 2em;
836
+ margin-bottom: 2em;
837
+ }
838
+ .mly-prose :where(picture):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
839
+ display: block;
840
+ margin-top: 2em;
841
+ margin-bottom: 2em;
842
+ }
843
+ .mly-prose :where(video):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
844
+ margin-top: 2em;
845
+ margin-bottom: 2em;
846
+ }
847
+ .mly-prose :where(kbd):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
848
+ font-weight: 500;
849
+ font-family: inherit;
850
+ color: var(--mly-tw-prose-kbd);
851
+ box-shadow: 0 0 0 1px rgb(var(--mly-tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--mly-tw-prose-kbd-shadows) / 10%);
852
+ font-size: 0.875em;
853
+ border-radius: 0.3125rem;
854
+ padding-top: 0.1875em;
855
+ padding-inline-end: 0.375em;
856
+ padding-bottom: 0.1875em;
857
+ padding-inline-start: 0.375em;
858
+ }
859
+ .mly-prose :where(code):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
860
+ color: var(--mly-tw-prose-code);
861
+ font-weight: 600;
862
+ font-size: 0.875em;
863
+ }
864
+ .mly-prose :where(code):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *))::before {
865
+ content: "`";
866
+ }
867
+ .mly-prose :where(code):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *))::after {
868
+ content: "`";
869
+ }
870
+ .mly-prose :where(a code):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
871
+ color: inherit;
872
+ }
873
+ .mly-prose :where(h1 code):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
874
+ color: inherit;
875
+ }
876
+ .mly-prose :where(h2 code):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
877
+ color: inherit;
878
+ font-size: 0.875em;
879
+ }
880
+ .mly-prose :where(h3 code):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
881
+ color: inherit;
882
+ font-size: 0.9em;
883
+ }
884
+ .mly-prose :where(h4 code):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
885
+ color: inherit;
886
+ }
887
+ .mly-prose :where(blockquote code):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
888
+ color: inherit;
889
+ }
890
+ .mly-prose :where(thead th code):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
891
+ color: inherit;
892
+ }
893
+ .mly-prose :where(pre):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
894
+ color: var(--mly-tw-prose-pre-code);
895
+ background-color: var(--mly-tw-prose-pre-bg);
896
+ overflow-x: auto;
897
+ font-weight: 400;
898
+ font-size: 0.875em;
899
+ line-height: 1.7142857;
900
+ margin-top: 1.7142857em;
901
+ margin-bottom: 1.7142857em;
902
+ border-radius: 0.375rem;
903
+ padding-top: 0.8571429em;
904
+ padding-inline-end: 1.1428571em;
905
+ padding-bottom: 0.8571429em;
906
+ padding-inline-start: 1.1428571em;
907
+ }
908
+ .mly-prose :where(pre code):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
909
+ background-color: transparent;
910
+ border-width: 0;
911
+ border-radius: 0;
912
+ padding: 0;
913
+ font-weight: inherit;
914
+ color: inherit;
915
+ font-size: inherit;
916
+ font-family: inherit;
917
+ line-height: inherit;
918
+ }
919
+ .mly-prose :where(pre code):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *))::before {
920
+ content: none;
921
+ }
922
+ .mly-prose :where(pre code):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *))::after {
923
+ content: none;
924
+ }
925
+ .mly-prose :where(table):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
926
+ width: 100%;
927
+ table-layout: auto;
928
+ margin-top: 2em;
929
+ margin-bottom: 2em;
930
+ font-size: 0.875em;
931
+ line-height: 1.7142857;
932
+ }
933
+ .mly-prose :where(thead):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
934
+ border-bottom-width: 1px;
935
+ border-bottom-color: var(--mly-tw-prose-th-borders);
936
+ }
937
+ .mly-prose :where(thead th):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
938
+ color: var(--mly-tw-prose-headings);
939
+ font-weight: 600;
940
+ vertical-align: bottom;
941
+ padding-inline-end: 0.5714286em;
942
+ padding-bottom: 0.5714286em;
943
+ padding-inline-start: 0.5714286em;
944
+ }
945
+ .mly-prose :where(tbody tr):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
946
+ border-bottom-width: 1px;
947
+ border-bottom-color: var(--mly-tw-prose-td-borders);
948
+ }
949
+ .mly-prose :where(tbody tr:last-child):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
950
+ border-bottom-width: 0;
951
+ }
952
+ .mly-prose :where(tbody td):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
953
+ vertical-align: baseline;
954
+ }
955
+ .mly-prose :where(tfoot):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
956
+ border-top-width: 1px;
957
+ border-top-color: var(--mly-tw-prose-th-borders);
958
+ }
959
+ .mly-prose :where(tfoot td):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
960
+ vertical-align: top;
961
+ }
962
+ .mly-prose :where(th, td):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
963
+ text-align: start;
964
+ }
965
+ .mly-prose :where(figure > *):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
966
+ margin-top: 0;
967
+ margin-bottom: 0;
968
+ }
969
+ .mly-prose :where(figcaption):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
970
+ color: var(--mly-tw-prose-captions);
971
+ font-size: 0.875em;
972
+ line-height: 1.4285714;
973
+ margin-top: 0.8571429em;
974
+ }
975
+ .mly-prose {
976
+ --mly-tw-prose-body: #374151;
977
+ --mly-tw-prose-headings: #111827;
978
+ --mly-tw-prose-lead: #4b5563;
979
+ --mly-tw-prose-links: #111827;
980
+ --mly-tw-prose-bold: #111827;
981
+ --mly-tw-prose-counters: #6b7280;
982
+ --mly-tw-prose-bullets: #d1d5db;
983
+ --mly-tw-prose-hr: #e5e7eb;
984
+ --mly-tw-prose-quotes: #111827;
985
+ --mly-tw-prose-quote-borders: #e5e7eb;
986
+ --mly-tw-prose-captions: #6b7280;
987
+ --mly-tw-prose-kbd: #111827;
988
+ --mly-tw-prose-kbd-shadows: 17 24 39;
989
+ --mly-tw-prose-code: #111827;
990
+ --mly-tw-prose-pre-code: #e5e7eb;
991
+ --mly-tw-prose-pre-bg: #1f2937;
992
+ --mly-tw-prose-th-borders: #d1d5db;
993
+ --mly-tw-prose-td-borders: #e5e7eb;
994
+ --mly-tw-prose-invert-body: #d1d5db;
995
+ --mly-tw-prose-invert-headings: #fff;
996
+ --mly-tw-prose-invert-lead: #9ca3af;
997
+ --mly-tw-prose-invert-links: #fff;
998
+ --mly-tw-prose-invert-bold: #fff;
999
+ --mly-tw-prose-invert-counters: #9ca3af;
1000
+ --mly-tw-prose-invert-bullets: #4b5563;
1001
+ --mly-tw-prose-invert-hr: #374151;
1002
+ --mly-tw-prose-invert-quotes: #f3f4f6;
1003
+ --mly-tw-prose-invert-quote-borders: #374151;
1004
+ --mly-tw-prose-invert-captions: #9ca3af;
1005
+ --mly-tw-prose-invert-kbd: #fff;
1006
+ --mly-tw-prose-invert-kbd-shadows: 255 255 255;
1007
+ --mly-tw-prose-invert-code: #fff;
1008
+ --mly-tw-prose-invert-pre-code: #d1d5db;
1009
+ --mly-tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
1010
+ --mly-tw-prose-invert-th-borders: #4b5563;
1011
+ --mly-tw-prose-invert-td-borders: #374151;
1012
+ font-size: 1rem;
1013
+ line-height: 1.75;
1014
+ }
1015
+ .mly-prose :where(picture > img):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1016
+ margin-top: 0;
1017
+ margin-bottom: 0;
1018
+ }
1019
+ .mly-prose :where(li):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1020
+ margin-top: 0.5em;
1021
+ margin-bottom: 0.5em;
1022
+ }
1023
+ .mly-prose :where(ol > li):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1024
+ padding-inline-start: 0.375em;
1025
+ }
1026
+ .mly-prose :where(ul > li):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1027
+ padding-inline-start: 0.375em;
1028
+ }
1029
+ .mly-prose :where(.mly-prose > ul > li p):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1030
+ margin-top: 0.75em;
1031
+ margin-bottom: 0.75em;
1032
+ }
1033
+ .mly-prose :where(.mly-prose > ul > li > p:first-child):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1034
+ margin-top: 1.25em;
1035
+ }
1036
+ .mly-prose :where(.mly-prose > ul > li > p:last-child):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1037
+ margin-bottom: 1.25em;
1038
+ }
1039
+ .mly-prose :where(.mly-prose > ol > li > p:first-child):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1040
+ margin-top: 1.25em;
1041
+ }
1042
+ .mly-prose :where(.mly-prose > ol > li > p:last-child):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1043
+ margin-bottom: 1.25em;
1044
+ }
1045
+ .mly-prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1046
+ margin-top: 0.75em;
1047
+ margin-bottom: 0.75em;
1048
+ }
1049
+ .mly-prose :where(dl):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1050
+ margin-top: 1.25em;
1051
+ margin-bottom: 1.25em;
1052
+ }
1053
+ .mly-prose :where(dd):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1054
+ margin-top: 0.5em;
1055
+ padding-inline-start: 1.625em;
1056
+ }
1057
+ .mly-prose :where(hr + *):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1058
+ margin-top: 0;
1059
+ }
1060
+ .mly-prose :where(h2 + *):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1061
+ margin-top: 0;
1062
+ }
1063
+ .mly-prose :where(h3 + *):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1064
+ margin-top: 0;
1065
+ }
1066
+ .mly-prose :where(h4 + *):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1067
+ margin-top: 0;
1068
+ }
1069
+ .mly-prose :where(thead th:first-child):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1070
+ padding-inline-start: 0;
1071
+ }
1072
+ .mly-prose :where(thead th:last-child):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1073
+ padding-inline-end: 0;
1074
+ }
1075
+ .mly-prose :where(tbody td, tfoot td):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1076
+ padding-top: 0.5714286em;
1077
+ padding-inline-end: 0.5714286em;
1078
+ padding-bottom: 0.5714286em;
1079
+ padding-inline-start: 0.5714286em;
1080
+ }
1081
+ .mly-prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1082
+ padding-inline-start: 0;
1083
+ }
1084
+ .mly-prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1085
+ padding-inline-end: 0;
1086
+ }
1087
+ .mly-prose :where(figure):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1088
+ margin-top: 2em;
1089
+ margin-bottom: 2em;
1090
+ }
1091
+ .mly-prose :where(.mly-prose > :first-child):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1092
+ margin-top: 0;
1093
+ }
1094
+ .mly-prose :where(.mly-prose > :last-child):not(:where([class~=mly-not-prose], [class~=mly-not-prose] *)) {
1095
+ margin-bottom: 0;
1096
+ }
1097
+ .mly-sr-only {
1098
+ position: absolute;
1099
+ width: 1px;
1100
+ height: 1px;
1101
+ padding: 0;
1102
+ margin: -1px;
1103
+ overflow: hidden;
1104
+ clip: rect(0, 0, 0, 0);
1105
+ white-space: nowrap;
1106
+ border-width: 0;
1107
+ }
1108
+ .mly-pointer-events-none {
1109
+ pointer-events: none;
1110
+ }
1111
+ .mly-visible {
1112
+ visibility: visible;
1113
+ }
1114
+ .mly-absolute {
1115
+ position: absolute;
1116
+ }
1117
+ .mly-relative {
1118
+ position: relative;
1119
+ }
1120
+ .mly-inset-0 {
1121
+ inset: 0px;
1122
+ }
1123
+ .mly-inset-y-0 {
1124
+ top: 0px;
1125
+ bottom: 0px;
1126
+ }
1127
+ .mly-left-0 {
1128
+ left: 0px;
1129
+ }
1130
+ .mly-left-1\.5 {
1131
+ left: 0.375rem;
1132
+ }
1133
+ .mly-left-2 {
1134
+ left: 0.5rem;
1135
+ }
1136
+ .mly-right-0 {
1137
+ right: 0px;
1138
+ }
1139
+ .mly-right-1 {
1140
+ right: 0.25rem;
1141
+ }
1142
+ .mly-top-0 {
1143
+ top: 0px;
1144
+ }
1145
+ .mly-top-8 {
1146
+ top: 2rem;
1147
+ }
1148
+ .mly-isolate {
1149
+ isolation: isolate;
1150
+ }
1151
+ .mly-z-0 {
1152
+ z-index: 0;
1153
+ }
1154
+ .mly-z-10 {
1155
+ z-index: 10;
1156
+ }
1157
+ .mly-z-20 {
1158
+ z-index: 20;
1159
+ }
1160
+ .mly-z-50 {
1161
+ z-index: 50;
1162
+ }
1163
+ .mly-z-\[1\] {
1164
+ z-index: 1;
1165
+ }
1166
+ .mly-z-\[9999\] {
1167
+ z-index: 9999;
1168
+ }
1169
+ .\!mly-my-0 {
1170
+ margin-top: 0px !important;
1171
+ margin-bottom: 0px !important;
1172
+ }
1173
+ .-mly-mx-4 {
1174
+ margin-left: -1rem;
1175
+ margin-right: -1rem;
1176
+ }
1177
+ .mly--mx-1 {
1178
+ margin-left: -0.25rem;
1179
+ margin-right: -0.25rem;
1180
+ }
1181
+ .mly-mx-0 {
1182
+ margin-left: 0px;
1183
+ margin-right: 0px;
1184
+ }
1185
+ .mly-mx-0\.5 {
1186
+ margin-left: 0.125rem;
1187
+ margin-right: 0.125rem;
1188
+ }
1189
+ .mly-mx-1\.5 {
1190
+ margin-left: 0.375rem;
1191
+ margin-right: 0.375rem;
1192
+ }
1193
+ .mly-my-0 {
1194
+ margin-top: 0px;
1195
+ margin-bottom: 0px;
1196
+ }
1197
+ .mly-my-0\.5 {
1198
+ margin-top: 0.125rem;
1199
+ margin-bottom: 0.125rem;
1200
+ }
1201
+ .mly-my-1 {
1202
+ margin-top: 0.25rem;
1203
+ margin-bottom: 0.25rem;
1204
+ }
1205
+ .mly-my-2 {
1206
+ margin-top: 0.5rem;
1207
+ margin-bottom: 0.5rem;
1208
+ }
1209
+ .mly-my-4 {
1210
+ margin-top: 1rem;
1211
+ margin-bottom: 1rem;
1212
+ }
1213
+ .\!mly-mb-0 {
1214
+ margin-bottom: 0px !important;
1215
+ }
1216
+ .\!mly-mb-1\.5 {
1217
+ margin-bottom: 0.375rem !important;
1218
+ }
1219
+ .-mly-ms-px {
1220
+ margin-inline-start: -1px;
1221
+ }
1222
+ .mly-mb-0\.5 {
1223
+ margin-bottom: 0.125rem;
1224
+ }
1225
+ .mly-mb-1\.5 {
1226
+ margin-bottom: 0.375rem;
1227
+ }
1228
+ .mly-mb-2 {
1229
+ margin-bottom: 0.5rem;
1230
+ }
1231
+ .mly-mb-4 {
1232
+ margin-bottom: 1rem;
1233
+ }
1234
+ .mly-ml-1 {
1235
+ margin-left: 0.25rem;
1236
+ }
1237
+ .mly-ml-auto {
1238
+ margin-left: auto;
1239
+ }
1240
+ .mly-mt-1 {
1241
+ margin-top: 0.25rem;
1242
+ }
1243
+ .mly-mt-2 {
1244
+ margin-top: 0.5rem;
1245
+ }
1246
+ .mly-mt-4 {
1247
+ margin-top: 1rem;
1248
+ }
1249
+ .mly-block {
1250
+ display: block;
1251
+ }
1252
+ .mly-inline-block {
1253
+ display: inline-block;
1254
+ }
1255
+ .mly-inline {
1256
+ display: inline;
1257
+ }
1258
+ .mly-flex {
1259
+ display: flex;
1260
+ }
1261
+ .mly-inline-flex {
1262
+ display: inline-flex;
1263
+ }
1264
+ .mly-grid {
1265
+ display: grid;
1266
+ }
1267
+ .mly-inline-grid {
1268
+ display: inline-grid;
1269
+ }
1270
+ .mly-hidden {
1271
+ display: none;
1272
+ }
1273
+ .mly-aspect-\[2\.5\] {
1274
+ aspect-ratio: 2.5;
1275
+ }
1276
+ .mly-aspect-square {
1277
+ aspect-ratio: 1 / 1;
1278
+ }
1279
+ .\!mly-size-5 {
1280
+ width: 1.25rem !important;
1281
+ height: 1.25rem !important;
1282
+ }
1283
+ .\!mly-size-7 {
1284
+ width: 1.75rem !important;
1285
+ height: 1.75rem !important;
1286
+ }
1287
+ .mly-size-3 {
1288
+ width: 0.75rem;
1289
+ height: 0.75rem;
1290
+ }
1291
+ .mly-size-3\.5 {
1292
+ width: 0.875rem;
1293
+ height: 0.875rem;
1294
+ }
1295
+ .mly-size-4 {
1296
+ width: 1rem;
1297
+ height: 1rem;
1298
+ }
1299
+ .mly-size-5 {
1300
+ width: 1.25rem;
1301
+ height: 1.25rem;
1302
+ }
1303
+ .mly-size-6 {
1304
+ width: 1.5rem;
1305
+ height: 1.5rem;
1306
+ }
1307
+ .mly-size-7 {
1308
+ width: 1.75rem;
1309
+ height: 1.75rem;
1310
+ }
1311
+ .mly-size-\[15px\] {
1312
+ width: 15px;
1313
+ height: 15px;
1314
+ }
1315
+ .mly-size-\[var\(--variable-icon-size\)\] {
1316
+ width: var(--variable-icon-size);
1317
+ height: var(--variable-icon-size);
1318
+ }
1319
+ .\!mly-h-7 {
1320
+ height: 1.75rem !important;
1321
+ }
1322
+ .mly-h-10 {
1323
+ height: 2.5rem;
1324
+ }
1325
+ .mly-h-11 {
1326
+ height: 2.75rem;
1327
+ }
1328
+ .mly-h-3 {
1329
+ height: 0.75rem;
1330
+ }
1331
+ .mly-h-4 {
1332
+ height: 1rem;
1333
+ }
1334
+ .mly-h-5 {
1335
+ height: 1.25rem;
1336
+ }
1337
+ .mly-h-6 {
1338
+ height: 1.5rem;
1339
+ }
1340
+ .mly-h-7 {
1341
+ height: 1.75rem;
1342
+ }
1343
+ .mly-h-8 {
1344
+ height: 2rem;
1345
+ }
1346
+ .mly-h-9 {
1347
+ height: 2.25rem;
1348
+ }
1349
+ .mly-h-\[2px\] {
1350
+ height: 2px;
1351
+ }
1352
+ .mly-h-auto {
1353
+ height: auto;
1354
+ }
1355
+ .mly-h-full {
1356
+ height: 100%;
1357
+ }
1358
+ .mly-h-px {
1359
+ height: 1px;
1360
+ }
1361
+ .mly-max-h-52 {
1362
+ max-height: 13rem;
1363
+ }
1364
+ .mly-max-h-\[330px\] {
1365
+ max-height: 330px;
1366
+ }
1367
+ .mly-min-h-24 {
1368
+ min-height: 6rem;
1369
+ }
1370
+ .mly-min-h-7 {
1371
+ min-height: 1.75rem;
1372
+ }
1373
+ .mly-min-h-\[42px\] {
1374
+ min-height: 42px;
1375
+ }
1376
+ .\!mly-w-full {
1377
+ width: 100% !important;
1378
+ }
1379
+ .mly-w-10 {
1380
+ width: 2.5rem;
1381
+ }
1382
+ .mly-w-3 {
1383
+ width: 0.75rem;
1384
+ }
1385
+ .mly-w-32 {
1386
+ width: 8rem;
1387
+ }
1388
+ .mly-w-36 {
1389
+ width: 9rem;
1390
+ }
1391
+ .mly-w-4 {
1392
+ width: 1rem;
1393
+ }
1394
+ .mly-w-40 {
1395
+ width: 10rem;
1396
+ }
1397
+ .mly-w-5 {
1398
+ width: 1.25rem;
1399
+ }
1400
+ .mly-w-52 {
1401
+ width: 13rem;
1402
+ }
1403
+ .mly-w-56 {
1404
+ width: 14rem;
1405
+ }
1406
+ .mly-w-6 {
1407
+ width: 1.5rem;
1408
+ }
1409
+ .mly-w-64 {
1410
+ width: 16rem;
1411
+ }
1412
+ .mly-w-7 {
1413
+ width: 1.75rem;
1414
+ }
1415
+ .mly-w-72 {
1416
+ width: 18rem;
1417
+ }
1418
+ .mly-w-96 {
1419
+ width: 24rem;
1420
+ }
1421
+ .mly-w-\[1\.5px\] {
1422
+ width: 1.5px;
1423
+ }
1424
+ .mly-w-\[160px\] {
1425
+ width: 160px;
1426
+ }
1427
+ .mly-w-\[300px\] {
1428
+ width: 300px;
1429
+ }
1430
+ .mly-w-fit {
1431
+ width: -moz-fit-content;
1432
+ width: fit-content;
1433
+ }
1434
+ .mly-w-full {
1435
+ width: 100%;
1436
+ }
1437
+ .mly-w-max {
1438
+ width: -moz-max-content;
1439
+ width: max-content;
1440
+ }
1441
+ .mly-w-px {
1442
+ width: 1px;
1443
+ }
1444
+ .mly-min-w-0 {
1445
+ min-width: 0px;
1446
+ }
1447
+ .mly-min-w-28 {
1448
+ min-width: 7rem;
1449
+ }
1450
+ .mly-min-w-\[260px\] {
1451
+ min-width: 260px;
1452
+ }
1453
+ .mly-min-w-\[8rem\] {
1454
+ min-width: 8rem;
1455
+ }
1456
+ .mly-min-w-full {
1457
+ min-width: 100%;
1458
+ }
1459
+ .mly-max-w-12 {
1460
+ max-width: 3rem;
1461
+ }
1462
+ .mly-max-w-20 {
1463
+ max-width: 5rem;
1464
+ }
1465
+ .mly-max-w-28 {
1466
+ max-width: 7rem;
1467
+ }
1468
+ .mly-max-w-\[260px\] {
1469
+ max-width: 260px;
1470
+ }
1471
+ .mly-max-w-\[285px\] {
1472
+ max-width: 285px;
1473
+ }
1474
+ .mly-max-w-max {
1475
+ max-width: -moz-max-content;
1476
+ max-width: max-content;
1477
+ }
1478
+ .mly-max-w-xs {
1479
+ max-width: 20rem;
1480
+ }
1481
+ .mly-shrink-0 {
1482
+ flex-shrink: 0;
1483
+ }
1484
+ .mly-grow {
1485
+ flex-grow: 1;
1486
+ }
1487
+ .mly-table-fixed {
1488
+ table-layout: fixed;
1489
+ }
1490
+ .mly-border-separate {
1491
+ border-collapse: separate;
1492
+ }
1493
+ .mly-translate-x-full {
1494
+ --mly-tw-translate-x: 100%;
1495
+ transform: translate(var(--mly-tw-translate-x), var(--mly-tw-translate-y)) rotate(var(--mly-tw-rotate)) skewX(var(--mly-tw-skew-x)) skewY(var(--mly-tw-skew-y)) scaleX(var(--mly-tw-scale-x)) scaleY(var(--mly-tw-scale-y));
1496
+ }
1497
+ .mly-transform {
1498
+ transform: translate(var(--mly-tw-translate-x), var(--mly-tw-translate-y)) rotate(var(--mly-tw-rotate)) skewX(var(--mly-tw-skew-x)) skewY(var(--mly-tw-skew-y)) scaleX(var(--mly-tw-scale-x)) scaleY(var(--mly-tw-scale-y));
1499
+ }
1500
+ @keyframes mly-pulse {
1501
+ 50% {
1502
+ opacity: .5;
1503
+ }
1504
+ }
1505
+ .mly-animate-pulse {
1506
+ animation: mly-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1507
+ }
1508
+ @keyframes mly-spin {
1509
+ to {
1510
+ transform: rotate(360deg);
1511
+ }
1512
+ }
1513
+ .mly-animate-spin {
1514
+ animation: mly-spin 1s linear infinite;
1515
+ }
1516
+ .mly-cursor-default {
1517
+ cursor: default;
1518
+ }
1519
+ .mly-cursor-grab {
1520
+ cursor: grab;
1521
+ }
1522
+ .mly-cursor-pointer {
1523
+ cursor: pointer;
1524
+ }
1525
+ .mly-select-none {
1526
+ -webkit-user-select: none;
1527
+ -moz-user-select: none;
1528
+ user-select: none;
1529
+ }
1530
+ .mly-appearance-none {
1531
+ -webkit-appearance: none;
1532
+ -moz-appearance: none;
1533
+ appearance: none;
1534
+ }
1535
+ .mly-grid-cols-2 {
1536
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1537
+ }
1538
+ .mly-grid-cols-\[12px_1fr\] {
1539
+ grid-template-columns: 12px 1fr;
1540
+ }
1541
+ .mly-flex-col {
1542
+ flex-direction: column;
1543
+ }
1544
+ .mly-flex-wrap {
1545
+ flex-wrap: wrap;
1546
+ }
1547
+ .mly-items-center {
1548
+ align-items: center;
1549
+ }
1550
+ .mly-items-stretch {
1551
+ align-items: stretch;
1552
+ }
1553
+ .mly-justify-start {
1554
+ justify-content: flex-start;
1555
+ }
1556
+ .mly-justify-center {
1557
+ justify-content: center;
1558
+ }
1559
+ .mly-justify-between {
1560
+ justify-content: space-between;
1561
+ }
1562
+ .mly-gap-0\.5 {
1563
+ gap: 0.125rem;
1564
+ }
1565
+ .mly-gap-1 {
1566
+ gap: 0.25rem;
1567
+ }
1568
+ .mly-gap-1\.5 {
1569
+ gap: 0.375rem;
1570
+ }
1571
+ .mly-gap-2 {
1572
+ gap: 0.5rem;
1573
+ }
1574
+ .mly-gap-3 {
1575
+ gap: 0.75rem;
1576
+ }
1577
+ .mly-gap-4 {
1578
+ gap: 1rem;
1579
+ }
1580
+ .mly-gap-\[1px\] {
1581
+ gap: 1px;
1582
+ }
1583
+ .mly-gap-\[var\(--variable-icon-gap\)\] {
1584
+ gap: var(--variable-icon-gap);
1585
+ }
1586
+ .mly-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
1587
+ --mly-tw-space-x-reverse: 0;
1588
+ margin-right: calc(0.125rem * var(--mly-tw-space-x-reverse));
1589
+ margin-left: calc(0.125rem * calc(1 - var(--mly-tw-space-x-reverse)));
1590
+ }
1591
+ .mly-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
1592
+ --mly-tw-space-y-reverse: 0;
1593
+ margin-top: calc(0.125rem * calc(1 - var(--mly-tw-space-y-reverse)));
1594
+ margin-bottom: calc(0.125rem * var(--mly-tw-space-y-reverse));
1595
+ }
1596
+ .mly-space-y-1 > :not([hidden]) ~ :not([hidden]) {
1597
+ --mly-tw-space-y-reverse: 0;
1598
+ margin-top: calc(0.25rem * calc(1 - var(--mly-tw-space-y-reverse)));
1599
+ margin-bottom: calc(0.25rem * var(--mly-tw-space-y-reverse));
1600
+ }
1601
+ .mly-overflow-hidden {
1602
+ overflow: hidden;
1603
+ }
1604
+ .mly-overflow-y-auto {
1605
+ overflow-y: auto;
1606
+ }
1607
+ .mly-truncate {
1608
+ overflow: hidden;
1609
+ text-overflow: ellipsis;
1610
+ white-space: nowrap;
1611
+ }
1612
+ .\!mly-rounded {
1613
+ border-radius: 0.25rem !important;
1614
+ }
1615
+ .\!mly-rounded-full {
1616
+ border-radius: 9999px !important;
1617
+ }
1618
+ .\!mly-rounded-md {
1619
+ border-radius: 0.375rem !important;
1620
+ }
1621
+ .\!mly-rounded-none {
1622
+ border-radius: 0px !important;
1623
+ }
1624
+ .mly-rounded {
1625
+ border-radius: 0.25rem;
1626
+ }
1627
+ .mly-rounded-full {
1628
+ border-radius: 9999px;
1629
+ }
1630
+ .mly-rounded-lg {
1631
+ border-radius: 0.5rem;
1632
+ }
1633
+ .mly-rounded-md {
1634
+ border-radius: 0.375rem;
1635
+ }
1636
+ .mly-rounded-none {
1637
+ border-radius: 0px;
1638
+ }
1639
+ .mly-rounded-sm {
1640
+ border-radius: 0.125rem;
1641
+ }
1642
+ .mly-rounded-xl {
1643
+ border-radius: 0.75rem;
1644
+ }
1645
+ .mly-rounded-t-lg {
1646
+ border-top-left-radius: 0.5rem;
1647
+ border-top-right-radius: 0.5rem;
1648
+ }
1649
+ .mly-border {
1650
+ border-width: 1px;
1651
+ }
1652
+ .mly-border-0 {
1653
+ border-width: 0px;
1654
+ }
1655
+ .mly-border-2 {
1656
+ border-width: 2px;
1657
+ }
1658
+ .mly-border-\[1\.5px\] {
1659
+ border-width: 1.5px;
1660
+ }
1661
+ .mly-border-b {
1662
+ border-bottom-width: 1px;
1663
+ }
1664
+ .mly-border-l-4 {
1665
+ border-left-width: 4px;
1666
+ }
1667
+ .mly-border-t {
1668
+ border-top-width: 1px;
1669
+ }
1670
+ .mly-border-none {
1671
+ border-style: none;
1672
+ }
1673
+ .mly-border-\[var\(--button-var-border-color\)\] {
1674
+ border-color: var(--button-var-border-color);
1675
+ }
1676
+ .mly-border-gray-200 {
1677
+ --mly-tw-border-opacity: 1;
1678
+ border-color: rgb(229 231 235 / var(--mly-tw-border-opacity, 1));
1679
+ }
1680
+ .mly-border-gray-300 {
1681
+ --mly-tw-border-opacity: 1;
1682
+ border-color: rgb(209 213 219 / var(--mly-tw-border-opacity, 1));
1683
+ }
1684
+ .mly-border-gray-700 {
1685
+ --mly-tw-border-opacity: 1;
1686
+ border-color: rgb(55 65 81 / var(--mly-tw-border-opacity, 1));
1687
+ }
1688
+ .mly-border-rose-400 {
1689
+ --mly-tw-border-opacity: 1;
1690
+ border-color: rgb(251 113 133 / var(--mly-tw-border-opacity, 1));
1691
+ }
1692
+ .mly-border-slate-200 {
1693
+ --mly-tw-border-opacity: 1;
1694
+ border-color: rgb(226 232 240 / var(--mly-tw-border-opacity, 1));
1695
+ }
1696
+ .mly-border-white {
1697
+ --mly-tw-border-opacity: 1;
1698
+ border-color: rgb(255 255 255 / var(--mly-tw-border-opacity, 1));
1699
+ }
1700
+ .\!mly-bg-transparent {
1701
+ background-color: transparent !important;
1702
+ }
1703
+ .mly-bg-\[\#efefef\] {
1704
+ --mly-tw-bg-opacity: 1;
1705
+ background-color: rgb(239 239 239 / var(--mly-tw-bg-opacity, 1));
1706
+ }
1707
+ .mly-bg-blue-200 {
1708
+ --mly-tw-bg-opacity: 1;
1709
+ background-color: rgb(191 219 254 / var(--mly-tw-bg-opacity, 1));
1710
+ }
1711
+ .mly-bg-gray-100 {
1712
+ --mly-tw-bg-opacity: 1;
1713
+ background-color: rgb(243 244 246 / var(--mly-tw-bg-opacity, 1));
1714
+ }
1715
+ .mly-bg-gray-200 {
1716
+ --mly-tw-bg-opacity: 1;
1717
+ background-color: rgb(229 231 235 / var(--mly-tw-bg-opacity, 1));
1718
+ }
1719
+ .mly-bg-gray-900 {
1720
+ --mly-tw-bg-opacity: 1;
1721
+ background-color: rgb(17 24 39 / var(--mly-tw-bg-opacity, 1));
1722
+ }
1723
+ .mly-bg-red-100 {
1724
+ --mly-tw-bg-opacity: 1;
1725
+ background-color: rgb(254 226 226 / var(--mly-tw-bg-opacity, 1));
1726
+ }
1727
+ .mly-bg-red-500 {
1728
+ --mly-tw-bg-opacity: 1;
1729
+ background-color: rgb(239 68 68 / var(--mly-tw-bg-opacity, 1));
1730
+ }
1731
+ .mly-bg-rose-100 {
1732
+ --mly-tw-bg-opacity: 1;
1733
+ background-color: rgb(255 228 230 / var(--mly-tw-bg-opacity, 1));
1734
+ }
1735
+ .mly-bg-rose-300 {
1736
+ --mly-tw-bg-opacity: 1;
1737
+ background-color: rgb(253 164 175 / var(--mly-tw-bg-opacity, 1));
1738
+ }
1739
+ .mly-bg-rose-50 {
1740
+ --mly-tw-bg-opacity: 1;
1741
+ background-color: rgb(255 241 242 / var(--mly-tw-bg-opacity, 1));
1742
+ }
1743
+ .mly-bg-rose-500 {
1744
+ --mly-tw-bg-opacity: 1;
1745
+ background-color: rgb(244 63 94 / var(--mly-tw-bg-opacity, 1));
1746
+ }
1747
+ .mly-bg-soft-gray {
1748
+ --mly-tw-bg-opacity: 1;
1749
+ background-color: rgb(244 245 246 / var(--mly-tw-bg-opacity, 1));
1750
+ }
1751
+ .mly-bg-soft-gray\/40 {
1752
+ background-color: rgb(244 245 246 / 0.4);
1753
+ }
1754
+ .mly-bg-soft-gray\/60 {
1755
+ background-color: rgb(244 245 246 / 0.6);
1756
+ }
1757
+ .mly-bg-transparent {
1758
+ background-color: transparent;
1759
+ }
1760
+ .mly-bg-white {
1761
+ --mly-tw-bg-opacity: 1;
1762
+ background-color: rgb(255 255 255 / var(--mly-tw-bg-opacity, 1));
1763
+ }
1764
+ .mly-bg-yellow-200 {
1765
+ --mly-tw-bg-opacity: 1;
1766
+ background-color: rgb(254 240 138 / var(--mly-tw-bg-opacity, 1));
1767
+ }
1768
+ .mly-stroke-midnight-gray {
1769
+ stroke: #333333;
1770
+ }
1771
+ .mly-stroke-\[1\.2\] {
1772
+ stroke-width: 1.2;
1773
+ }
1774
+ .mly-stroke-\[1\] {
1775
+ stroke-width: 1;
1776
+ }
1777
+ .mly-stroke-\[2\.5\] {
1778
+ stroke-width: 2.5;
1779
+ }
1780
+ .mly-object-cover {
1781
+ -o-object-fit: cover;
1782
+ object-fit: cover;
1783
+ }
1784
+ .\!mly-p-0 {
1785
+ padding: 0px !important;
1786
+ }
1787
+ .\!mly-p-0\.5 {
1788
+ padding: 0.125rem !important;
1789
+ }
1790
+ .mly-p-0 {
1791
+ padding: 0px;
1792
+ }
1793
+ .mly-p-0\.5 {
1794
+ padding: 0.125rem;
1795
+ }
1796
+ .mly-p-1 {
1797
+ padding: 0.25rem;
1798
+ }
1799
+ .mly-p-2 {
1800
+ padding: 0.5rem;
1801
+ }
1802
+ .mly-p-3 {
1803
+ padding: 0.75rem;
1804
+ }
1805
+ .mly-p-4 {
1806
+ padding: 1rem;
1807
+ }
1808
+ .mly-px-0\.5 {
1809
+ padding-left: 0.125rem;
1810
+ padding-right: 0.125rem;
1811
+ }
1812
+ .mly-px-1 {
1813
+ padding-left: 0.25rem;
1814
+ padding-right: 0.25rem;
1815
+ }
1816
+ .mly-px-1\.5 {
1817
+ padding-left: 0.375rem;
1818
+ padding-right: 0.375rem;
1819
+ }
1820
+ .mly-px-2 {
1821
+ padding-left: 0.5rem;
1822
+ padding-right: 0.5rem;
1823
+ }
1824
+ .mly-px-2\.5 {
1825
+ padding-left: 0.625rem;
1826
+ padding-right: 0.625rem;
1827
+ }
1828
+ .mly-px-3 {
1829
+ padding-left: 0.75rem;
1830
+ padding-right: 0.75rem;
1831
+ }
1832
+ .mly-px-4 {
1833
+ padding-left: 1rem;
1834
+ padding-right: 1rem;
1835
+ }
1836
+ .mly-px-8 {
1837
+ padding-left: 2rem;
1838
+ padding-right: 2rem;
1839
+ }
1840
+ .mly-px-\[26px\] {
1841
+ padding-left: 26px;
1842
+ padding-right: 26px;
1843
+ }
1844
+ .mly-py-0\.5 {
1845
+ padding-top: 0.125rem;
1846
+ padding-bottom: 0.125rem;
1847
+ }
1848
+ .mly-py-1 {
1849
+ padding-top: 0.25rem;
1850
+ padding-bottom: 0.25rem;
1851
+ }
1852
+ .mly-py-1\.5 {
1853
+ padding-top: 0.375rem;
1854
+ padding-bottom: 0.375rem;
1855
+ }
1856
+ .mly-py-2 {
1857
+ padding-top: 0.5rem;
1858
+ padding-bottom: 0.5rem;
1859
+ }
1860
+ .mly-py-3 {
1861
+ padding-top: 0.75rem;
1862
+ padding-bottom: 0.75rem;
1863
+ }
1864
+ .mly-pl-1 {
1865
+ padding-left: 0.25rem;
1866
+ }
1867
+ .mly-pl-4 {
1868
+ padding-left: 1rem;
1869
+ }
1870
+ .mly-pl-6 {
1871
+ padding-left: 1.5rem;
1872
+ }
1873
+ .mly-pl-7 {
1874
+ padding-left: 1.75rem;
1875
+ }
1876
+ .mly-pl-8 {
1877
+ padding-left: 2rem;
1878
+ }
1879
+ .mly-pl-\[26px\] {
1880
+ padding-left: 26px;
1881
+ }
1882
+ .mly-pr-1\.5 {
1883
+ padding-right: 0.375rem;
1884
+ }
1885
+ .mly-pr-6 {
1886
+ padding-right: 1.5rem;
1887
+ }
1888
+ .mly-pr-7 {
1889
+ padding-right: 1.75rem;
1890
+ }
1891
+ .mly-text-left {
1892
+ text-align: left;
1893
+ }
1894
+ .mly-text-center {
1895
+ text-align: center;
1896
+ }
1897
+ .mly-font-mono {
1898
+ font-family:
1899
+ ui-monospace,
1900
+ SFMono-Regular,
1901
+ Menlo,
1902
+ Monaco,
1903
+ Consolas,
1904
+ "Liberation Mono",
1905
+ "Courier New",
1906
+ monospace;
1907
+ }
1908
+ .\!mly-text-base {
1909
+ font-size: 1rem !important;
1910
+ line-height: 1.5rem !important;
1911
+ }
1912
+ .\!mly-text-lg {
1913
+ font-size: 1.125rem !important;
1914
+ line-height: 1.75rem !important;
1915
+ }
1916
+ .mly-text-\[10px\] {
1917
+ font-size: 10px;
1918
+ }
1919
+ .mly-text-\[13px\] {
1920
+ font-size: 13px;
1921
+ }
1922
+ .mly-text-sm {
1923
+ font-size: 0.875rem;
1924
+ line-height: 1.25rem;
1925
+ }
1926
+ .mly-text-xs {
1927
+ font-size: 0.75rem;
1928
+ line-height: 1rem;
1929
+ }
1930
+ .mly-font-medium {
1931
+ font-weight: 500;
1932
+ }
1933
+ .mly-font-normal {
1934
+ font-weight: 400;
1935
+ }
1936
+ .mly-font-semibold {
1937
+ font-weight: 600;
1938
+ }
1939
+ .mly-uppercase {
1940
+ text-transform: uppercase;
1941
+ }
1942
+ .mly-capitalize {
1943
+ text-transform: capitalize;
1944
+ }
1945
+ .mly-tabular-nums {
1946
+ --mly-tw-numeric-spacing: tabular-nums;
1947
+ font-variant-numeric: var(--mly-tw-ordinal) var(--mly-tw-slashed-zero) var(--mly-tw-numeric-figure) var(--mly-tw-numeric-spacing) var(--mly-tw-numeric-fraction);
1948
+ }
1949
+ .mly-leading-none {
1950
+ line-height: 1;
1951
+ }
1952
+ .mly-tracking-normal {
1953
+ letter-spacing: 0em;
1954
+ }
1955
+ .mly-tracking-widest {
1956
+ letter-spacing: 0.1em;
1957
+ }
1958
+ .mly-text-black {
1959
+ --mly-tw-text-opacity: 1;
1960
+ color: rgb(0 0 0 / var(--mly-tw-text-opacity, 1));
1961
+ }
1962
+ .mly-text-gray-400 {
1963
+ --mly-tw-text-opacity: 1;
1964
+ color: rgb(156 163 175 / var(--mly-tw-text-opacity, 1));
1965
+ }
1966
+ .mly-text-gray-50 {
1967
+ --mly-tw-text-opacity: 1;
1968
+ color: rgb(249 250 251 / var(--mly-tw-text-opacity, 1));
1969
+ }
1970
+ .mly-text-gray-500 {
1971
+ --mly-tw-text-opacity: 1;
1972
+ color: rgb(107 114 128 / var(--mly-tw-text-opacity, 1));
1973
+ }
1974
+ .mly-text-gray-600 {
1975
+ --mly-tw-text-opacity: 1;
1976
+ color: rgb(75 85 99 / var(--mly-tw-text-opacity, 1));
1977
+ }
1978
+ .mly-text-gray-900 {
1979
+ --mly-tw-text-opacity: 1;
1980
+ color: rgb(17 24 39 / var(--mly-tw-text-opacity, 1));
1981
+ }
1982
+ .mly-text-gray-950 {
1983
+ --mly-tw-text-opacity: 1;
1984
+ color: rgb(3 7 18 / var(--mly-tw-text-opacity, 1));
1985
+ }
1986
+ .mly-text-midnight-gray {
1987
+ --mly-tw-text-opacity: 1;
1988
+ color: rgb(51 51 51 / var(--mly-tw-text-opacity, 1));
1989
+ }
1990
+ .mly-text-midnight-gray\/60 {
1991
+ color: rgb(51 51 51 / 0.6);
1992
+ }
1993
+ .mly-text-red-500 {
1994
+ --mly-tw-text-opacity: 1;
1995
+ color: rgb(239 68 68 / var(--mly-tw-text-opacity, 1));
1996
+ }
1997
+ .mly-text-red-600 {
1998
+ --mly-tw-text-opacity: 1;
1999
+ color: rgb(220 38 38 / var(--mly-tw-text-opacity, 1));
2000
+ }
2001
+ .mly-text-rose-600 {
2002
+ --mly-tw-text-opacity: 1;
2003
+ color: rgb(225 29 72 / var(--mly-tw-text-opacity, 1));
2004
+ }
2005
+ .mly-text-rose-800 {
2006
+ --mly-tw-text-opacity: 1;
2007
+ color: rgb(159 18 57 / var(--mly-tw-text-opacity, 1));
2008
+ }
2009
+ .mly-text-slate-400 {
2010
+ --mly-tw-text-opacity: 1;
2011
+ color: rgb(148 163 184 / var(--mly-tw-text-opacity, 1));
2012
+ }
2013
+ .mly-text-slate-500 {
2014
+ --mly-tw-text-opacity: 1;
2015
+ color: rgb(100 116 139 / var(--mly-tw-text-opacity, 1));
2016
+ }
2017
+ .mly-text-slate-600 {
2018
+ --mly-tw-text-opacity: 1;
2019
+ color: rgb(71 85 105 / var(--mly-tw-text-opacity, 1));
2020
+ }
2021
+ .mly-text-slate-700 {
2022
+ --mly-tw-text-opacity: 1;
2023
+ color: rgb(51 65 85 / var(--mly-tw-text-opacity, 1));
2024
+ }
2025
+ .mly-no-underline {
2026
+ text-decoration-line: none;
2027
+ }
2028
+ .mly-underline-offset-4 {
2029
+ text-underline-offset: 4px;
2030
+ }
2031
+ .mly-antialiased {
2032
+ -webkit-font-smoothing: antialiased;
2033
+ -moz-osx-font-smoothing: grayscale;
2034
+ }
2035
+ .mly-opacity-0 {
2036
+ opacity: 0;
2037
+ }
2038
+ .mly-opacity-40 {
2039
+ opacity: 0.4;
2040
+ }
2041
+ .mly-opacity-60 {
2042
+ opacity: 0.6;
2043
+ }
2044
+ .mly-shadow {
2045
+ --mly-tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2046
+ --mly-tw-shadow-colored: 0 1px 3px 0 var(--mly-tw-shadow-color), 0 1px 2px -1px var(--mly-tw-shadow-color);
2047
+ box-shadow:
2048
+ var(--mly-tw-ring-offset-shadow, 0 0 #0000),
2049
+ var(--mly-tw-ring-shadow, 0 0 #0000),
2050
+ var(--mly-tw-shadow);
2051
+ }
2052
+ .mly-shadow-lg {
2053
+ --mly-tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2054
+ --mly-tw-shadow-colored: 0 10px 15px -3px var(--mly-tw-shadow-color), 0 4px 6px -4px var(--mly-tw-shadow-color);
2055
+ box-shadow:
2056
+ var(--mly-tw-ring-offset-shadow, 0 0 #0000),
2057
+ var(--mly-tw-ring-shadow, 0 0 #0000),
2058
+ var(--mly-tw-shadow);
2059
+ }
2060
+ .mly-shadow-md {
2061
+ --mly-tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
2062
+ --mly-tw-shadow-colored: 0 4px 6px -1px var(--mly-tw-shadow-color), 0 2px 4px -2px var(--mly-tw-shadow-color);
2063
+ box-shadow:
2064
+ var(--mly-tw-ring-offset-shadow, 0 0 #0000),
2065
+ var(--mly-tw-ring-shadow, 0 0 #0000),
2066
+ var(--mly-tw-shadow);
2067
+ }
2068
+ .mly-shadow-none {
2069
+ --mly-tw-shadow: 0 0 #0000;
2070
+ --mly-tw-shadow-colored: 0 0 #0000;
2071
+ box-shadow:
2072
+ var(--mly-tw-ring-offset-shadow, 0 0 #0000),
2073
+ var(--mly-tw-ring-shadow, 0 0 #0000),
2074
+ var(--mly-tw-shadow);
2075
+ }
2076
+ .mly-shadow-sm {
2077
+ --mly-tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2078
+ --mly-tw-shadow-colored: 0 1px 2px 0 var(--mly-tw-shadow-color);
2079
+ box-shadow:
2080
+ var(--mly-tw-ring-offset-shadow, 0 0 #0000),
2081
+ var(--mly-tw-ring-shadow, 0 0 #0000),
2082
+ var(--mly-tw-shadow);
2083
+ }
2084
+ .mly-outline-none {
2085
+ outline: 2px solid transparent;
2086
+ outline-offset: 2px;
2087
+ }
2088
+ .mly-ring-offset-white {
2089
+ --mly-tw-ring-offset-color: #fff;
2090
+ }
2091
+ .mly-drop-shadow-md {
2092
+ --mly-tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
2093
+ filter: var(--mly-tw-blur) var(--mly-tw-brightness) var(--mly-tw-contrast) var(--mly-tw-grayscale) var(--mly-tw-hue-rotate) var(--mly-tw-invert) var(--mly-tw-saturate) var(--mly-tw-sepia) var(--mly-tw-drop-shadow);
2094
+ }
2095
+ .mly-transition-all {
2096
+ transition-property: all;
2097
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2098
+ transition-duration: 150ms;
2099
+ }
2100
+ .mly-transition-colors {
2101
+ transition-property:
2102
+ color,
2103
+ background-color,
2104
+ border-color,
2105
+ text-decoration-color,
2106
+ fill,
2107
+ stroke;
2108
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2109
+ transition-duration: 150ms;
2110
+ }
2111
+ .mly-ease-out {
2112
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2113
+ }
2114
+ @keyframes enter {
2115
+ from {
2116
+ opacity: var(--mly-tw-enter-opacity, 1);
2117
+ transform: translate3d(var(--mly-tw-enter-translate-x, 0), var(--mly-tw-enter-translate-y, 0), 0) scale3d(var(--mly-tw-enter-scale, 1), var(--mly-tw-enter-scale, 1), var(--mly-tw-enter-scale, 1)) rotate(var(--mly-tw-enter-rotate, 0));
2118
+ }
2119
+ }
2120
+ @keyframes exit {
2121
+ to {
2122
+ opacity: var(--mly-tw-exit-opacity, 1);
2123
+ transform: translate3d(var(--mly-tw-exit-translate-x, 0), var(--mly-tw-exit-translate-y, 0), 0) scale3d(var(--mly-tw-exit-scale, 1), var(--mly-tw-exit-scale, 1), var(--mly-tw-exit-scale, 1)) rotate(var(--mly-tw-exit-rotate, 0));
2124
+ }
2125
+ }
2126
+ .mly-animate-in {
2127
+ animation-name: enter;
2128
+ animation-duration: 150ms;
2129
+ --mly-tw-enter-opacity: initial;
2130
+ --mly-tw-enter-scale: initial;
2131
+ --mly-tw-enter-rotate: initial;
2132
+ --mly-tw-enter-translate-x: initial;
2133
+ --mly-tw-enter-translate-y: initial;
2134
+ }
2135
+ .mly-fade-in-0 {
2136
+ --mly-tw-enter-opacity: 0;
2137
+ }
2138
+ .mly-zoom-in-95 {
2139
+ --mly-tw-enter-scale: .95;
2140
+ }
2141
+ .mly-ease-out {
2142
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2143
+ }
2144
+ .mly-scrollbar-thin::-webkit-scrollbar-track {
2145
+ background-color: var(--scrollbar-track);
2146
+ border-radius: var(--scrollbar-track-radius);
2147
+ }
2148
+ .mly-scrollbar-thin::-webkit-scrollbar-track:hover {
2149
+ background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
2150
+ }
2151
+ .mly-scrollbar-thin::-webkit-scrollbar-track:active {
2152
+ background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
2153
+ }
2154
+ .mly-scrollbar-thin::-webkit-scrollbar-thumb {
2155
+ background-color: var(--scrollbar-thumb);
2156
+ border-radius: var(--scrollbar-thumb-radius);
2157
+ }
2158
+ .mly-scrollbar-thin::-webkit-scrollbar-thumb:hover {
2159
+ background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
2160
+ }
2161
+ .mly-scrollbar-thin::-webkit-scrollbar-thumb:active {
2162
+ background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
2163
+ }
2164
+ .mly-scrollbar-thin::-webkit-scrollbar-corner {
2165
+ background-color: var(--scrollbar-corner);
2166
+ border-radius: var(--scrollbar-corner-radius);
2167
+ }
2168
+ .mly-scrollbar-thin::-webkit-scrollbar-corner:hover {
2169
+ background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
2170
+ }
2171
+ .mly-scrollbar-thin::-webkit-scrollbar-corner:active {
2172
+ background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
2173
+ }
2174
+ .mly-scrollbar-thin {
2175
+ scrollbar-width: thin;
2176
+ scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
2177
+ }
2178
+ .mly-scrollbar-thin::-webkit-scrollbar {
2179
+ display: block;
2180
+ width: 8px;
2181
+ height: 8px;
2182
+ }
2183
+ .mly-scrollbar-track-transparent {
2184
+ --scrollbar-track: transparent !important;
2185
+ }
2186
+ .mly-scrollbar-thumb-gray-200 {
2187
+ --scrollbar-thumb: #e5e7eb !important;
2188
+ }
2189
+ .\[text-align\:revert-layer\] {
2190
+ text-align: revert-layer;
2191
+ }
2192
+ .file\:mly-border-0::file-selector-button {
2193
+ border-width: 0px;
2194
+ }
2195
+ .file\:mly-bg-transparent::file-selector-button {
2196
+ background-color: transparent;
2197
+ }
2198
+ .file\:mly-text-sm::file-selector-button {
2199
+ font-size: 0.875rem;
2200
+ line-height: 1.25rem;
2201
+ }
2202
+ .file\:mly-font-medium::file-selector-button {
2203
+ font-weight: 500;
2204
+ }
2205
+ .placeholder\:mly-text-gray-400::-moz-placeholder {
2206
+ --mly-tw-text-opacity: 1;
2207
+ color: rgb(156 163 175 / var(--mly-tw-text-opacity, 1));
2208
+ }
2209
+ .placeholder\:mly-text-gray-400::placeholder {
2210
+ --mly-tw-text-opacity: 1;
2211
+ color: rgb(156 163 175 / var(--mly-tw-text-opacity, 1));
2212
+ }
2213
+ .placeholder\:mly-text-gray-500::-moz-placeholder {
2214
+ --mly-tw-text-opacity: 1;
2215
+ color: rgb(107 114 128 / var(--mly-tw-text-opacity, 1));
2216
+ }
2217
+ .placeholder\:mly-text-gray-500::placeholder {
2218
+ --mly-tw-text-opacity: 1;
2219
+ color: rgb(107 114 128 / var(--mly-tw-text-opacity, 1));
2220
+ }
2221
+ .mly-peer:disabled ~ .peer-disabled\:mly-opacity-50 {
2222
+ opacity: 0.5;
2223
+ }
2224
+ .data-\[disabled\]\:mly-pointer-events-none[data-disabled] {
2225
+ pointer-events: none;
2226
+ }
2227
+ .data-\[state\=open\]\:mly-bg-rose-100[data-state=open] {
2228
+ --mly-tw-bg-opacity: 1;
2229
+ background-color: rgb(255 228 230 / var(--mly-tw-bg-opacity, 1));
2230
+ }
2231
+ .data-\[state\=open\]\:mly-bg-soft-gray[data-state=open] {
2232
+ --mly-tw-bg-opacity: 1;
2233
+ background-color: rgb(244 245 246 / var(--mly-tw-bg-opacity, 1));
2234
+ }
2235
+ .data-\[state\=true\]\:mly-bg-soft-gray[data-state=true] {
2236
+ --mly-tw-bg-opacity: 1;
2237
+ background-color: rgb(244 245 246 / var(--mly-tw-bg-opacity, 1));
2238
+ }
2239
+ .data-\[state\=true\]\:mly-text-gray-900[data-state=true] {
2240
+ --mly-tw-text-opacity: 1;
2241
+ color: rgb(17 24 39 / var(--mly-tw-text-opacity, 1));
2242
+ }
2243
+ .data-\[disabled\]\:mly-opacity-50[data-disabled] {
2244
+ opacity: 0.5;
2245
+ }
2246
+ .hover\:mly-bg-gray-100:hover {
2247
+ --mly-tw-bg-opacity: 1;
2248
+ background-color: rgb(243 244 246 / var(--mly-tw-bg-opacity, 1));
2249
+ }
2250
+ .hover\:mly-bg-gray-100\/80:hover {
2251
+ background-color: rgb(243 244 246 / 0.8);
2252
+ }
2253
+ .hover\:mly-bg-red-200:hover {
2254
+ --mly-tw-bg-opacity: 1;
2255
+ background-color: rgb(254 202 202 / var(--mly-tw-bg-opacity, 1));
2256
+ }
2257
+ .hover\:mly-bg-red-500\/90:hover {
2258
+ background-color: rgb(239 68 68 / 0.9);
2259
+ }
2260
+ .hover\:mly-bg-rose-100:hover {
2261
+ --mly-tw-bg-opacity: 1;
2262
+ background-color: rgb(255 228 230 / var(--mly-tw-bg-opacity, 1));
2263
+ }
2264
+ .hover\:mly-bg-soft-gray:hover {
2265
+ --mly-tw-bg-opacity: 1;
2266
+ background-color: rgb(244 245 246 / var(--mly-tw-bg-opacity, 1));
2267
+ }
2268
+ .hover\:mly-bg-soft-gray\/60:hover {
2269
+ background-color: rgb(244 245 246 / 0.6);
2270
+ }
2271
+ .hover\:mly-text-black:hover {
2272
+ --mly-tw-text-opacity: 1;
2273
+ color: rgb(0 0 0 / var(--mly-tw-text-opacity, 1));
2274
+ }
2275
+ .hover\:mly-text-gray-900:hover {
2276
+ --mly-tw-text-opacity: 1;
2277
+ color: rgb(17 24 39 / var(--mly-tw-text-opacity, 1));
2278
+ }
2279
+ .hover\:mly-text-midnight-gray:hover {
2280
+ --mly-tw-text-opacity: 1;
2281
+ color: rgb(51 51 51 / var(--mly-tw-text-opacity, 1));
2282
+ }
2283
+ .hover\:mly-underline:hover {
2284
+ text-decoration-line: underline;
2285
+ }
2286
+ .focus\:mly-bg-gray-100:focus {
2287
+ --mly-tw-bg-opacity: 1;
2288
+ background-color: rgb(243 244 246 / var(--mly-tw-bg-opacity, 1));
2289
+ }
2290
+ .focus\:mly-bg-red-200:focus {
2291
+ --mly-tw-bg-opacity: 1;
2292
+ background-color: rgb(254 202 202 / var(--mly-tw-bg-opacity, 1));
2293
+ }
2294
+ .focus\:mly-bg-soft-gray:focus {
2295
+ --mly-tw-bg-opacity: 1;
2296
+ background-color: rgb(244 245 246 / var(--mly-tw-bg-opacity, 1));
2297
+ }
2298
+ .focus\:mly-outline-none:focus {
2299
+ outline: 2px solid transparent;
2300
+ outline-offset: 2px;
2301
+ }
2302
+ .focus\:mly-ring-1:focus {
2303
+ --mly-tw-ring-offset-shadow: var(--mly-tw-ring-inset) 0 0 0 var(--mly-tw-ring-offset-width) var(--mly-tw-ring-offset-color);
2304
+ --mly-tw-ring-shadow: var(--mly-tw-ring-inset) 0 0 0 calc(1px + var(--mly-tw-ring-offset-width)) var(--mly-tw-ring-color);
2305
+ box-shadow:
2306
+ var(--mly-tw-ring-offset-shadow),
2307
+ var(--mly-tw-ring-shadow),
2308
+ var(--mly-tw-shadow, 0 0 #0000);
2309
+ }
2310
+ .focus\:mly-ring-midnight-gray\/50:focus {
2311
+ --mly-tw-ring-color: rgb(51 51 51 / 0.5);
2312
+ }
2313
+ .focus-visible\:mly-relative:focus-visible {
2314
+ position: relative;
2315
+ }
2316
+ .focus-visible\:mly-z-10:focus-visible {
2317
+ z-index: 10;
2318
+ }
2319
+ .focus-visible\:mly-border-gray-400:focus-visible {
2320
+ --mly-tw-border-opacity: 1;
2321
+ border-color: rgb(156 163 175 / var(--mly-tw-border-opacity, 1));
2322
+ }
2323
+ .focus-visible\:mly-outline-none:focus-visible {
2324
+ outline: 2px solid transparent;
2325
+ outline-offset: 2px;
2326
+ }
2327
+ .focus-visible\:mly-ring-2:focus-visible {
2328
+ --mly-tw-ring-offset-shadow: var(--mly-tw-ring-inset) 0 0 0 var(--mly-tw-ring-offset-width) var(--mly-tw-ring-offset-color);
2329
+ --mly-tw-ring-shadow: var(--mly-tw-ring-inset) 0 0 0 calc(2px + var(--mly-tw-ring-offset-width)) var(--mly-tw-ring-color);
2330
+ box-shadow:
2331
+ var(--mly-tw-ring-offset-shadow),
2332
+ var(--mly-tw-ring-shadow),
2333
+ var(--mly-tw-shadow, 0 0 #0000);
2334
+ }
2335
+ .focus-visible\:mly-ring-gray-400:focus-visible {
2336
+ --mly-tw-ring-opacity: 1;
2337
+ --mly-tw-ring-color: rgb(156 163 175 / var(--mly-tw-ring-opacity, 1));
2338
+ }
2339
+ .focus-visible\:mly-ring-offset-2:focus-visible {
2340
+ --mly-tw-ring-offset-width: 2px;
2341
+ }
2342
+ .active\:mly-bg-soft-gray:active {
2343
+ --mly-tw-bg-opacity: 1;
2344
+ background-color: rgb(244 245 246 / var(--mly-tw-bg-opacity, 1));
2345
+ }
2346
+ .disabled\:mly-pointer-events-none:disabled {
2347
+ pointer-events: none;
2348
+ }
2349
+ .disabled\:mly-cursor-not-allowed:disabled {
2350
+ cursor: not-allowed;
2351
+ }
2352
+ .disabled\:mly-opacity-50:disabled {
2353
+ opacity: 0.5;
2354
+ }
2355
+ .\[\&_svg\]\:mly-pointer-events-none svg {
2356
+ pointer-events: none;
2357
+ }
2358
+ /*# sourceMappingURL=index.css.map */