@daisychainapp/maily-to-core 0.2.12 → 0.3.5

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