@daisychainapp/maily-to-core 0.3.6 → 0.4.1

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