react-modular-datepicker 0.0.4 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1,264 +1,28 @@
1
- /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
5
5
  :root, :host {
6
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
- --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
9
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
10
- "Courier New", monospace;
11
- --color-red-50: oklch(97.1% 0.013 17.38);
12
- --color-red-200: oklch(88.5% 0.062 18.334);
13
- --color-red-300: oklch(80.8% 0.114 19.571);
14
- --color-orange-500: oklch(70.5% 0.213 47.604);
15
- --color-amber-50: oklch(98.7% 0.022 95.277);
16
- --color-amber-100: oklch(96.2% 0.059 95.617);
17
- --color-amber-400: oklch(82.8% 0.189 84.429);
18
- --color-amber-500: oklch(76.9% 0.188 70.08);
19
- --color-amber-700: oklch(55.5% 0.163 48.998);
20
- --color-amber-800: oklch(47.3% 0.137 46.201);
21
- --color-amber-900: oklch(41.4% 0.112 45.904);
22
- --color-yellow-400: oklch(85.2% 0.199 91.936);
23
- --color-yellow-950: oklch(28.6% 0.066 53.813);
24
- --color-green-100: oklch(96.2% 0.044 156.743);
25
- --color-green-200: oklch(92.5% 0.084 155.995);
26
- --color-green-800: oklch(44.8% 0.119 151.328);
27
- --color-emerald-500: oklch(69.6% 0.17 162.48);
28
- --color-cyan-300: oklch(86.5% 0.127 207.078);
29
- --color-cyan-400: oklch(78.9% 0.154 211.53);
30
- --color-cyan-500: oklch(71.5% 0.143 215.221);
31
- --color-cyan-900: oklch(39.8% 0.07 227.392);
32
- --color-cyan-950: oklch(30.2% 0.056 229.695);
33
- --color-blue-50: oklch(97% 0.014 254.604);
34
- --color-blue-100: oklch(93.2% 0.032 255.585);
35
- --color-blue-500: oklch(62.3% 0.214 259.815);
36
- --color-blue-600: oklch(54.6% 0.245 262.881);
37
- --color-blue-700: oklch(48.8% 0.243 264.376);
38
- --color-blue-800: oklch(42.4% 0.199 265.638);
39
- --color-indigo-400: oklch(67.3% 0.182 276.935);
40
- --color-indigo-950: oklch(25.7% 0.09 281.288);
41
- --color-purple-100: oklch(94.6% 0.033 307.174);
42
- --color-purple-200: oklch(90.2% 0.063 306.703);
43
- --color-purple-300: oklch(82.7% 0.119 306.383);
44
- --color-purple-400: oklch(71.4% 0.203 305.504);
45
- --color-purple-500: oklch(62.7% 0.265 303.9);
46
- --color-purple-600: oklch(55.8% 0.288 302.321);
47
- --color-purple-800: oklch(43.8% 0.218 303.724);
48
- --color-purple-900: oklch(38.1% 0.176 304.987);
49
- --color-purple-950: oklch(29.1% 0.149 302.717);
50
- --color-pink-300: oklch(82.3% 0.12 346.018);
51
- --color-pink-400: oklch(71.8% 0.202 349.761);
52
- --color-pink-500: oklch(65.6% 0.241 354.308);
53
- --color-rose-500: oklch(64.5% 0.246 16.439);
54
- --color-slate-950: oklch(12.9% 0.042 264.695);
55
- --color-gray-50: oklch(98.5% 0.002 247.839);
56
6
  --color-gray-100: oklch(96.7% 0.003 264.542);
57
- --color-gray-200: oklch(92.8% 0.006 264.531);
58
7
  --color-gray-300: oklch(87.2% 0.01 258.338);
59
8
  --color-gray-400: oklch(70.7% 0.022 261.325);
60
- --color-gray-500: oklch(55.1% 0.027 264.364);
61
- --color-gray-600: oklch(44.6% 0.03 256.802);
62
- --color-gray-700: oklch(37.3% 0.034 259.733);
63
9
  --color-gray-800: oklch(27.8% 0.033 256.848);
64
- --color-gray-900: oklch(21% 0.034 264.665);
65
- --color-stone-50: oklch(98.5% 0.001 106.423);
66
- --color-stone-100: oklch(97% 0.001 106.424);
67
- --color-stone-200: oklch(92.3% 0.003 48.717);
68
- --color-stone-300: oklch(86.9% 0.005 56.366);
69
- --color-stone-600: oklch(44.4% 0.011 73.639);
70
- --color-stone-700: oklch(37.4% 0.01 67.558);
71
- --color-stone-800: oklch(26.8% 0.007 34.298);
72
- --color-stone-900: oklch(21.6% 0.006 56.043);
73
- --color-stone-950: oklch(14.7% 0.004 49.25);
74
- --color-black: #000;
75
10
  --color-white: #fff;
76
11
  --spacing: 0.25rem;
77
- --container-md: 28rem;
78
- --container-6xl: 72rem;
79
12
  --text-xs: 0.75rem;
80
13
  --text-xs--line-height: calc(1 / 0.75);
81
14
  --text-sm: 0.875rem;
82
15
  --text-sm--line-height: calc(1.25 / 0.875);
83
- --text-base: 1rem;
84
- --text-base--line-height: calc(1.5 / 1);
85
- --text-lg: 1.125rem;
86
- --text-lg--line-height: calc(1.75 / 1.125);
87
- --text-2xl: 1.5rem;
88
- --text-2xl--line-height: calc(2 / 1.5);
89
- --text-3xl: 1.875rem;
90
- --text-3xl--line-height: calc(2.25 / 1.875);
91
16
  --font-weight-medium: 500;
92
17
  --font-weight-semibold: 600;
93
- --font-weight-bold: 700;
94
- --font-weight-extrabold: 800;
95
- --font-weight-black: 900;
96
- --tracking-tight: -0.025em;
97
- --tracking-wider: 0.05em;
98
- --tracking-widest: 0.1em;
99
- --radius-md: 0.375rem;
100
18
  --radius-lg: 0.5rem;
101
- --radius-xl: 0.75rem;
102
- --radius-2xl: 1rem;
103
- --radius-3xl: 1.5rem;
104
- --animate-spin: spin 1s linear infinite;
105
19
  --default-transition-duration: 150ms;
106
20
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
107
- --default-font-family: var(--font-sans);
108
- --default-mono-font-family: var(--font-mono);
109
21
  --color-brand-gold: #c5a059;
110
22
  --color-brand-gray-light: #b5bec6;
111
23
  --color-brand-text: #343a40;
112
24
  }
113
25
  }
114
- @layer base {
115
- *, ::after, ::before, ::backdrop, ::file-selector-button {
116
- box-sizing: border-box;
117
- margin: 0;
118
- padding: 0;
119
- border: 0 solid;
120
- }
121
- html, :host {
122
- line-height: 1.5;
123
- -webkit-text-size-adjust: 100%;
124
- tab-size: 4;
125
- font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
126
- font-feature-settings: var(--default-font-feature-settings, normal);
127
- font-variation-settings: var(--default-font-variation-settings, normal);
128
- -webkit-tap-highlight-color: transparent;
129
- }
130
- hr {
131
- height: 0;
132
- color: inherit;
133
- border-top-width: 1px;
134
- }
135
- abbr:where([title]) {
136
- -webkit-text-decoration: underline dotted;
137
- text-decoration: underline dotted;
138
- }
139
- h1, h2, h3, h4, h5, h6 {
140
- font-size: inherit;
141
- font-weight: inherit;
142
- }
143
- a {
144
- color: inherit;
145
- -webkit-text-decoration: inherit;
146
- text-decoration: inherit;
147
- }
148
- b, strong {
149
- font-weight: bolder;
150
- }
151
- code, kbd, samp, pre {
152
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
153
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
154
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
155
- font-size: 1em;
156
- }
157
- small {
158
- font-size: 80%;
159
- }
160
- sub, sup {
161
- font-size: 75%;
162
- line-height: 0;
163
- position: relative;
164
- vertical-align: baseline;
165
- }
166
- sub {
167
- bottom: -0.25em;
168
- }
169
- sup {
170
- top: -0.5em;
171
- }
172
- table {
173
- text-indent: 0;
174
- border-color: inherit;
175
- border-collapse: collapse;
176
- }
177
- :-moz-focusring {
178
- outline: auto;
179
- }
180
- progress {
181
- vertical-align: baseline;
182
- }
183
- summary {
184
- display: list-item;
185
- }
186
- ol, ul, menu {
187
- list-style: none;
188
- }
189
- img, svg, video, canvas, audio, iframe, embed, object {
190
- display: block;
191
- vertical-align: middle;
192
- }
193
- img, video {
194
- max-width: 100%;
195
- height: auto;
196
- }
197
- button, input, select, optgroup, textarea, ::file-selector-button {
198
- font: inherit;
199
- font-feature-settings: inherit;
200
- font-variation-settings: inherit;
201
- letter-spacing: inherit;
202
- color: inherit;
203
- border-radius: 0;
204
- background-color: transparent;
205
- opacity: 1;
206
- }
207
- :where(select:is([multiple], [size])) optgroup {
208
- font-weight: bolder;
209
- }
210
- :where(select:is([multiple], [size])) optgroup option {
211
- padding-inline-start: 20px;
212
- }
213
- ::file-selector-button {
214
- margin-inline-end: 4px;
215
- }
216
- ::placeholder {
217
- opacity: 1;
218
- }
219
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
220
- ::placeholder {
221
- color: currentcolor;
222
- @supports (color: color-mix(in lab, red, red)) {
223
- color: color-mix(in oklab, currentcolor 50%, transparent);
224
- }
225
- }
226
- }
227
- textarea {
228
- resize: vertical;
229
- }
230
- ::-webkit-search-decoration {
231
- -webkit-appearance: none;
232
- }
233
- ::-webkit-date-and-time-value {
234
- min-height: 1lh;
235
- text-align: inherit;
236
- }
237
- ::-webkit-datetime-edit {
238
- display: inline-flex;
239
- }
240
- ::-webkit-datetime-edit-fields-wrapper {
241
- padding: 0;
242
- }
243
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
244
- padding-block: 0;
245
- }
246
- ::-webkit-calendar-picker-indicator {
247
- line-height: 1;
248
- }
249
- :-moz-ui-invalid {
250
- box-shadow: none;
251
- }
252
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
253
- appearance: button;
254
- }
255
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
256
- height: auto;
257
- }
258
- [hidden]:where(:not([hidden="until-found"])) {
259
- display: none !important;
260
- }
261
- }
262
26
  @layer utilities {
263
27
  .pointer-events-none {
264
28
  pointer-events: none;
@@ -266,81 +30,39 @@
266
30
  .invisible {
267
31
  visibility: hidden;
268
32
  }
269
- .visible {
270
- visibility: visible;
271
- }
272
33
  .absolute {
273
34
  position: absolute;
274
35
  }
275
36
  .relative {
276
37
  position: relative;
277
38
  }
278
- .inset-0 {
279
- inset: calc(var(--spacing) * 0);
280
- }
281
- .top-1\/2 {
282
- top: calc(1 / 2 * 100%);
283
- }
284
39
  .top-full {
285
40
  top: 100%;
286
41
  }
287
- .right-3 {
288
- right: calc(var(--spacing) * 3);
289
- }
290
42
  .bottom-full {
291
43
  bottom: 100%;
292
44
  }
293
- .left-0 {
294
- left: calc(var(--spacing) * 0);
295
- }
296
45
  .left-1\/2 {
297
46
  left: calc(1 / 2 * 100%);
298
47
  }
299
- .isolate {
300
- isolation: isolate;
301
- }
302
48
  .z-10 {
303
49
  z-index: 10;
304
50
  }
305
- .z-50 {
306
- z-index: 50;
307
- }
308
- .mx-auto {
309
- margin-inline: auto;
310
- }
311
- .mt-2 {
312
- margin-top: calc(var(--spacing) * 2);
51
+ .mt-3 {
52
+ margin-top: calc(var(--spacing) * 3);
313
53
  }
314
54
  .mt-4 {
315
55
  margin-top: calc(var(--spacing) * 4);
316
56
  }
317
- .mt-6 {
318
- margin-top: calc(var(--spacing) * 6);
319
- }
320
57
  .mb-1 {
321
- margin-bottom: calc(var(--spacing) * 1);
58
+ margin-bottom: var(--spacing);
322
59
  }
323
60
  .mb-2 {
324
61
  margin-bottom: calc(var(--spacing) * 2);
325
62
  }
326
- .mb-3 {
327
- margin-bottom: calc(var(--spacing) * 3);
328
- }
329
- .mb-4 {
330
- margin-bottom: calc(var(--spacing) * 4);
331
- }
332
- .mb-6 {
333
- margin-bottom: calc(var(--spacing) * 6);
334
- }
335
- .mb-8 {
336
- margin-bottom: calc(var(--spacing) * 8);
337
- }
338
63
  .block {
339
64
  display: block;
340
65
  }
341
- .contents {
342
- display: contents;
343
- }
344
66
  .flex {
345
67
  display: flex;
346
68
  }
@@ -350,74 +72,20 @@
350
72
  .hidden {
351
73
  display: none;
352
74
  }
353
- .inline-block {
354
- display: inline-block;
355
- }
356
75
  .aspect-square {
357
76
  aspect-ratio: 1 / 1;
358
77
  }
359
- .h-5 {
360
- height: calc(var(--spacing) * 5);
361
- }
362
- .h-7 {
363
- height: calc(var(--spacing) * 7);
364
- }
365
- .h-8 {
366
- height: calc(var(--spacing) * 8);
367
- }
368
- .h-10 {
369
- height: calc(var(--spacing) * 10);
370
- }
371
- .h-full {
372
- height: 100%;
373
- }
374
78
  .max-h-\[300px\] {
375
79
  max-height: 300px;
376
80
  }
377
- .min-h-0 {
378
- min-height: calc(var(--spacing) * 0);
379
- }
380
- .min-h-\[120px\] {
381
- min-height: 120px;
382
- }
383
- .min-h-\[260px\] {
384
- min-height: 260px;
385
- }
386
- .min-h-screen {
387
- min-height: 100vh;
388
- }
389
- .w-5 {
390
- width: calc(var(--spacing) * 5);
391
- }
392
- .w-7 {
393
- width: calc(var(--spacing) * 7);
394
- }
395
- .w-8 {
396
- width: calc(var(--spacing) * 8);
397
- }
398
- .w-10 {
399
- width: calc(var(--spacing) * 10);
400
- }
401
- .w-\[320px\] {
402
- width: 320px;
403
- }
404
81
  .w-fit {
405
82
  width: fit-content;
406
83
  }
407
84
  .w-full {
408
85
  width: 100%;
409
86
  }
410
- .max-w-6xl {
411
- max-width: var(--container-6xl);
412
- }
413
- .max-w-\[1200px\] {
414
- max-width: 1200px;
415
- }
416
- .max-w-md {
417
- max-width: var(--container-md);
418
- }
419
- .min-w-\[200px\] {
420
- min-width: 200px;
87
+ .max-w-full {
88
+ max-width: 100%;
421
89
  }
422
90
  .min-w-\[280px\] {
423
91
  min-width: 280px;
@@ -425,44 +93,16 @@
425
93
  .flex-1 {
426
94
  flex: 1;
427
95
  }
428
- .origin-top-left {
429
- transform-origin: 0 0;
430
- }
431
96
  .-translate-x-1\/2 {
432
97
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
433
98
  translate: var(--tw-translate-x) var(--tw-translate-y);
434
99
  }
435
- .-translate-y-1\/2 {
436
- --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
437
- translate: var(--tw-translate-x) var(--tw-translate-y);
438
- }
439
- .scale-95 {
440
- --tw-scale-x: 95%;
441
- --tw-scale-y: 95%;
442
- --tw-scale-z: 95%;
443
- scale: var(--tw-scale-x) var(--tw-scale-y);
444
- }
445
- .scale-105 {
446
- --tw-scale-x: 105%;
447
- --tw-scale-y: 105%;
448
- --tw-scale-z: 105%;
449
- scale: var(--tw-scale-x) var(--tw-scale-y);
450
- }
451
- .transform {
452
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
453
- }
454
- .animate-spin {
455
- animation: var(--animate-spin);
456
- }
457
100
  .cursor-not-allowed {
458
101
  cursor: not-allowed;
459
102
  }
460
103
  .cursor-pointer {
461
104
  cursor: pointer;
462
105
  }
463
- .grid-cols-1 {
464
- grid-template-columns: repeat(1, minmax(0, 1fr));
465
- }
466
106
  .grid-cols-3 {
467
107
  grid-template-columns: repeat(3, minmax(0, 1fr));
468
108
  }
@@ -472,18 +112,12 @@
472
112
  .flex-col {
473
113
  flex-direction: column;
474
114
  }
475
- .flex-row {
476
- flex-direction: row;
477
- }
478
115
  .flex-wrap {
479
116
  flex-wrap: wrap;
480
117
  }
481
118
  .items-center {
482
119
  align-items: center;
483
120
  }
484
- .items-start {
485
- align-items: flex-start;
486
- }
487
121
  .justify-between {
488
122
  justify-content: space-between;
489
123
  }
@@ -491,7 +125,7 @@
491
125
  justify-content: center;
492
126
  }
493
127
  .gap-1 {
494
- gap: calc(var(--spacing) * 1);
128
+ gap: var(--spacing);
495
129
  }
496
130
  .gap-2 {
497
131
  gap: calc(var(--spacing) * 2);
@@ -499,75 +133,24 @@
499
133
  .gap-4 {
500
134
  gap: calc(var(--spacing) * 4);
501
135
  }
502
- .gap-6 {
503
- gap: calc(var(--spacing) * 6);
504
- }
505
136
  .gap-8 {
506
137
  gap: calc(var(--spacing) * 8);
507
138
  }
508
139
  .gap-px {
509
140
  gap: 1px;
510
141
  }
511
- .space-y-1 {
512
- :where(& > :not(:last-child)) {
513
- --tw-space-y-reverse: 0;
514
- margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
515
- margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
516
- }
517
- }
518
- .space-y-6 {
519
- :where(& > :not(:last-child)) {
520
- --tw-space-y-reverse: 0;
521
- margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
522
- margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
523
- }
524
- }
525
- .truncate {
526
- overflow: hidden;
527
- text-overflow: ellipsis;
528
- white-space: nowrap;
529
- }
530
- .overflow-hidden {
531
- overflow: hidden;
532
- }
533
- .overflow-x-auto {
534
- overflow-x: auto;
535
- }
536
142
  .overflow-y-auto {
537
143
  overflow-y: auto;
538
144
  }
539
145
  .rounded {
540
146
  border-radius: 0.25rem;
541
147
  }
542
- .rounded-2xl {
543
- border-radius: var(--radius-2xl);
544
- }
545
- .rounded-3xl {
546
- border-radius: var(--radius-3xl);
547
- }
548
148
  .rounded-full {
549
149
  border-radius: calc(infinity * 1px);
550
150
  }
551
151
  .rounded-lg {
552
152
  border-radius: var(--radius-lg);
553
153
  }
554
- .rounded-md {
555
- border-radius: var(--radius-md);
556
- }
557
- .rounded-none {
558
- border-radius: 0;
559
- }
560
- .rounded-xl {
561
- border-radius: var(--radius-xl);
562
- }
563
- .rounded-t-lg {
564
- border-top-left-radius: var(--radius-lg);
565
- border-top-right-radius: var(--radius-lg);
566
- }
567
- .rounded-t-xl {
568
- border-top-left-radius: var(--radius-xl);
569
- border-top-right-radius: var(--radius-xl);
570
- }
571
154
  .rounded-l-full {
572
155
  border-top-left-radius: calc(infinity * 1px);
573
156
  border-bottom-left-radius: calc(infinity * 1px);
@@ -584,34 +167,14 @@
584
167
  border-top-right-radius: 0;
585
168
  border-bottom-right-radius: 0;
586
169
  }
587
- .rounded-b-lg {
588
- border-bottom-right-radius: var(--radius-lg);
589
- border-bottom-left-radius: var(--radius-lg);
590
- }
591
- .rounded-b-xl {
592
- border-bottom-right-radius: var(--radius-xl);
593
- border-bottom-left-radius: var(--radius-xl);
594
- }
595
170
  .border {
596
171
  border-style: var(--tw-border-style);
597
172
  border-width: 1px;
598
173
  }
599
- .border-2 {
600
- border-style: var(--tw-border-style);
601
- border-width: 2px;
602
- }
603
174
  .border-8 {
604
175
  border-style: var(--tw-border-style);
605
176
  border-width: 8px;
606
177
  }
607
- .border-t {
608
- border-top-style: var(--tw-border-style);
609
- border-top-width: 1px;
610
- }
611
- .border-r {
612
- border-right-style: var(--tw-border-style);
613
- border-right-width: 1px;
614
- }
615
178
  .border-b {
616
179
  border-bottom-style: var(--tw-border-style);
617
180
  border-bottom-width: 1px;
@@ -620,13 +183,6 @@
620
183
  border-bottom-style: var(--tw-border-style);
621
184
  border-bottom-width: 2px;
622
185
  }
623
- .border-l {
624
- border-left-style: var(--tw-border-style);
625
- border-left-width: 1px;
626
- }
627
- .border-amber-900 {
628
- border-color: var(--color-amber-900);
629
- }
630
186
  .border-brand-gold {
631
187
  border-color: var(--color-brand-gold);
632
188
  }
@@ -636,78 +192,12 @@
636
192
  border-color: color-mix(in oklab, var(--color-brand-gray-light) 40%, transparent);
637
193
  }
638
194
  }
639
- .border-cyan-300 {
640
- border-color: var(--color-cyan-300);
641
- }
642
- .border-cyan-400 {
643
- border-color: var(--color-cyan-400);
644
- }
645
- .border-cyan-900 {
646
- border-color: var(--color-cyan-900);
647
- }
648
- .border-cyan-950 {
649
- border-color: var(--color-cyan-950);
650
- }
651
- .border-gray-100 {
652
- border-color: var(--color-gray-100);
653
- }
654
- .border-gray-200 {
655
- border-color: var(--color-gray-200);
656
- }
657
- .border-gray-300 {
658
- border-color: var(--color-gray-300);
659
- }
660
- .border-purple-400\/20 {
661
- border-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 20%, transparent);
662
- @supports (color: color-mix(in lab, red, red)) {
663
- border-color: color-mix(in oklab, var(--color-purple-400) 20%, transparent);
664
- }
665
- }
666
- .border-stone-200 {
667
- border-color: var(--color-stone-200);
668
- }
669
- .border-stone-200\/80 {
670
- border-color: color-mix(in srgb, oklch(92.3% 0.003 48.717) 80%, transparent);
671
- @supports (color: color-mix(in lab, red, red)) {
672
- border-color: color-mix(in oklab, var(--color-stone-200) 80%, transparent);
673
- }
674
- }
675
195
  .border-transparent {
676
196
  border-color: transparent;
677
197
  }
678
- .border-yellow-400 {
679
- border-color: var(--color-yellow-400);
680
- }
681
198
  .border-t-gray-800 {
682
199
  border-top-color: var(--color-gray-800);
683
200
  }
684
- .bg-amber-50 {
685
- background-color: var(--color-amber-50);
686
- }
687
- .bg-amber-500 {
688
- background-color: var(--color-amber-500);
689
- }
690
- .bg-amber-800 {
691
- background-color: var(--color-amber-800);
692
- }
693
- .bg-black {
694
- background-color: var(--color-black);
695
- }
696
- .bg-blue-50\/30 {
697
- background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 30%, transparent);
698
- @supports (color: color-mix(in lab, red, red)) {
699
- background-color: color-mix(in oklab, var(--color-blue-50) 30%, transparent);
700
- }
701
- }
702
- .bg-blue-100 {
703
- background-color: var(--color-blue-100);
704
- }
705
- .bg-blue-500 {
706
- background-color: var(--color-blue-500);
707
- }
708
- .bg-blue-600 {
709
- background-color: var(--color-blue-600);
710
- }
711
201
  .bg-brand-gold {
712
202
  background-color: var(--color-brand-gold);
713
203
  }
@@ -723,248 +213,42 @@
723
213
  background-color: color-mix(in oklab, var(--color-brand-gray-light) 20%, transparent);
724
214
  }
725
215
  }
726
- .bg-cyan-400 {
727
- background-color: var(--color-cyan-400);
728
- }
729
- .bg-cyan-500 {
730
- background-color: var(--color-cyan-500);
731
- }
732
- .bg-emerald-500 {
733
- background-color: var(--color-emerald-500);
734
- }
735
- .bg-gray-50 {
736
- background-color: var(--color-gray-50);
737
- }
738
- .bg-gray-50\/20 {
739
- background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 20%, transparent);
740
- @supports (color: color-mix(in lab, red, red)) {
741
- background-color: color-mix(in oklab, var(--color-gray-50) 20%, transparent);
742
- }
743
- }
744
- .bg-gray-50\/40 {
745
- background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 40%, transparent);
746
- @supports (color: color-mix(in lab, red, red)) {
747
- background-color: color-mix(in oklab, var(--color-gray-50) 40%, transparent);
748
- }
749
- }
750
- .bg-gray-50\/50 {
751
- background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 50%, transparent);
752
- @supports (color: color-mix(in lab, red, red)) {
753
- background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);
754
- }
755
- }
756
- .bg-gray-100 {
757
- background-color: var(--color-gray-100);
758
- }
759
216
  .bg-gray-800 {
760
217
  background-color: var(--color-gray-800);
761
218
  }
762
- .bg-green-100 {
763
- background-color: var(--color-green-100);
764
- }
765
- .bg-green-200 {
766
- background-color: var(--color-green-200);
767
- }
768
- .bg-indigo-400 {
769
- background-color: var(--color-indigo-400);
770
- }
771
- .bg-orange-500 {
772
- background-color: var(--color-orange-500);
773
- }
774
- .bg-purple-500 {
775
- background-color: var(--color-purple-500);
776
- }
777
- .bg-purple-900\/20 {
778
- background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);
779
- @supports (color: color-mix(in lab, red, red)) {
780
- background-color: color-mix(in oklab, var(--color-purple-900) 20%, transparent);
781
- }
782
- }
783
- .bg-red-50 {
784
- background-color: var(--color-red-50);
785
- }
786
- .bg-red-200 {
787
- background-color: var(--color-red-200);
788
- }
789
- .bg-rose-500 {
790
- background-color: var(--color-rose-500);
791
- }
792
- .bg-slate-950 {
793
- background-color: var(--color-slate-950);
794
- }
795
- .bg-stone-50 {
796
- background-color: var(--color-stone-50);
797
- }
798
- .bg-stone-100\/50 {
799
- background-color: color-mix(in srgb, oklch(97% 0.001 106.424) 50%, transparent);
800
- @supports (color: color-mix(in lab, red, red)) {
801
- background-color: color-mix(in oklab, var(--color-stone-100) 50%, transparent);
802
- }
803
- }
804
- .bg-transparent {
805
- background-color: transparent;
806
- }
807
219
  .bg-white {
808
220
  background-color: var(--color-white);
809
221
  }
810
- .bg-white\/60 {
811
- background-color: color-mix(in srgb, #fff 60%, transparent);
812
- @supports (color: color-mix(in lab, red, red)) {
813
- background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
814
- }
815
- }
816
- .bg-yellow-950\/30 {
817
- background-color: color-mix(in srgb, oklch(28.6% 0.066 53.813) 30%, transparent);
818
- @supports (color: color-mix(in lab, red, red)) {
819
- background-color: color-mix(in oklab, var(--color-yellow-950) 30%, transparent);
820
- }
821
- }
822
- .bg-gradient-to-br {
823
- --tw-gradient-position: to bottom right in oklab;
824
- background-image: linear-gradient(var(--tw-gradient-stops));
825
- }
826
- .bg-gradient-to-r {
827
- --tw-gradient-position: to right in oklab;
828
- background-image: linear-gradient(var(--tw-gradient-stops));
829
- }
830
- .from-indigo-950 {
831
- --tw-gradient-from: var(--color-indigo-950);
832
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
833
- }
834
- .from-pink-300 {
835
- --tw-gradient-from: var(--color-pink-300);
836
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
837
- }
838
- .from-pink-500 {
839
- --tw-gradient-from: var(--color-pink-500);
840
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
841
- }
842
- .via-purple-950 {
843
- --tw-gradient-via: var(--color-purple-950);
844
- --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
845
- --tw-gradient-stops: var(--tw-gradient-via-stops);
846
- }
847
- .to-purple-200 {
848
- --tw-gradient-to: var(--color-purple-200);
849
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
850
- }
851
- .to-purple-600 {
852
- --tw-gradient-to: var(--color-purple-600);
853
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
854
- }
855
- .to-slate-950 {
856
- --tw-gradient-to: var(--color-slate-950);
857
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
858
- }
859
- .bg-clip-text {
860
- background-clip: text;
861
- }
862
- .p-1 {
863
- padding: calc(var(--spacing) * 1);
864
- }
865
- .p-1\.5 {
866
- padding: calc(var(--spacing) * 1.5);
867
- }
868
222
  .p-2 {
869
223
  padding: calc(var(--spacing) * 2);
870
224
  }
871
- .p-3 {
872
- padding: calc(var(--spacing) * 3);
873
- }
874
225
  .p-4 {
875
226
  padding: calc(var(--spacing) * 4);
876
227
  }
877
- .p-5 {
878
- padding: calc(var(--spacing) * 5);
879
- }
880
- .p-6 {
881
- padding: calc(var(--spacing) * 6);
882
- }
883
- .p-8 {
884
- padding: calc(var(--spacing) * 8);
885
- }
886
228
  .p-px {
887
229
  padding: 1px;
888
230
  }
889
- .px-1 {
890
- padding-inline: calc(var(--spacing) * 1);
891
- }
892
- .px-1\.5 {
893
- padding-inline: calc(var(--spacing) * 1.5);
894
- }
895
231
  .px-2 {
896
232
  padding-inline: calc(var(--spacing) * 2);
897
233
  }
898
- .px-3 {
899
- padding-inline: calc(var(--spacing) * 3);
900
- }
901
- .px-4 {
902
- padding-inline: calc(var(--spacing) * 4);
903
- }
904
- .py-0\.5 {
905
- padding-block: calc(var(--spacing) * 0.5);
906
- }
907
234
  .py-1 {
908
- padding-block: calc(var(--spacing) * 1);
909
- }
910
- .py-1\.5 {
911
- padding-block: calc(var(--spacing) * 1.5);
235
+ padding-block: var(--spacing);
912
236
  }
913
237
  .py-2 {
914
238
  padding-block: calc(var(--spacing) * 2);
915
239
  }
916
- .py-2\.5 {
917
- padding-block: calc(var(--spacing) * 2.5);
918
- }
919
240
  .py-3 {
920
241
  padding-block: calc(var(--spacing) * 3);
921
242
  }
922
- .py-4 {
923
- padding-block: calc(var(--spacing) * 4);
924
- }
925
243
  .pr-2 {
926
244
  padding-right: calc(var(--spacing) * 2);
927
245
  }
928
- .pb-1 {
929
- padding-bottom: calc(var(--spacing) * 1);
930
- }
931
246
  .pb-2 {
932
247
  padding-bottom: calc(var(--spacing) * 2);
933
248
  }
934
- .pb-3 {
935
- padding-bottom: calc(var(--spacing) * 3);
936
- }
937
- .pb-4 {
938
- padding-bottom: calc(var(--spacing) * 4);
939
- }
940
249
  .text-center {
941
250
  text-align: center;
942
251
  }
943
- .font-mono {
944
- font-family: var(--font-mono);
945
- }
946
- .font-sans {
947
- font-family: var(--font-sans);
948
- }
949
- .font-serif {
950
- font-family: var(--font-serif);
951
- }
952
- .text-2xl {
953
- font-size: var(--text-2xl);
954
- line-height: var(--tw-leading, var(--text-2xl--line-height));
955
- }
956
- .text-3xl {
957
- font-size: var(--text-3xl);
958
- line-height: var(--tw-leading, var(--text-3xl--line-height));
959
- }
960
- .text-base {
961
- font-size: var(--text-base);
962
- line-height: var(--tw-leading, var(--text-base--line-height));
963
- }
964
- .text-lg {
965
- font-size: var(--text-lg);
966
- line-height: var(--tw-leading, var(--text-lg--line-height));
967
- }
968
252
  .text-sm {
969
253
  font-size: var(--text-sm);
970
254
  line-height: var(--tw-leading, var(--text-sm--line-height));
@@ -973,24 +257,6 @@
973
257
  font-size: var(--text-xs);
974
258
  line-height: var(--tw-leading, var(--text-xs--line-height));
975
259
  }
976
- .text-\[10px\] {
977
- font-size: 10px;
978
- }
979
- .text-\[11px\] {
980
- font-size: 11px;
981
- }
982
- .font-black {
983
- --tw-font-weight: var(--font-weight-black);
984
- font-weight: var(--font-weight-black);
985
- }
986
- .font-bold {
987
- --tw-font-weight: var(--font-weight-bold);
988
- font-weight: var(--font-weight-bold);
989
- }
990
- .font-extrabold {
991
- --tw-font-weight: var(--font-weight-extrabold);
992
- font-weight: var(--font-weight-extrabold);
993
- }
994
260
  .font-medium {
995
261
  --tw-font-weight: var(--font-weight-medium);
996
262
  font-weight: var(--font-weight-medium);
@@ -999,220 +265,30 @@
999
265
  --tw-font-weight: var(--font-weight-semibold);
1000
266
  font-weight: var(--font-weight-semibold);
1001
267
  }
1002
- .tracking-tight {
1003
- --tw-tracking: var(--tracking-tight);
1004
- letter-spacing: var(--tracking-tight);
1005
- }
1006
- .tracking-wider {
1007
- --tw-tracking: var(--tracking-wider);
1008
- letter-spacing: var(--tracking-wider);
1009
- }
1010
- .tracking-widest {
1011
- --tw-tracking: var(--tracking-widest);
1012
- letter-spacing: var(--tracking-widest);
1013
- }
1014
268
  .whitespace-nowrap {
1015
269
  white-space: nowrap;
1016
270
  }
1017
- .text-amber-50 {
1018
- color: var(--color-amber-50);
1019
- }
1020
- .text-amber-700 {
1021
- color: var(--color-amber-700);
1022
- }
1023
- .text-amber-800 {
1024
- color: var(--color-amber-800);
1025
- }
1026
- .text-amber-900\/60 {
1027
- color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 60%, transparent);
1028
- @supports (color: color-mix(in lab, red, red)) {
1029
- color: color-mix(in oklab, var(--color-amber-900) 60%, transparent);
1030
- }
1031
- }
1032
- .text-black {
1033
- color: var(--color-black);
1034
- }
1035
- .text-blue-600 {
1036
- color: var(--color-blue-600);
1037
- }
1038
- .text-blue-700 {
1039
- color: var(--color-blue-700);
1040
- }
1041
- .text-blue-800 {
1042
- color: var(--color-blue-800);
1043
- }
1044
271
  .text-brand-gold {
1045
272
  color: var(--color-brand-gold);
1046
273
  }
1047
274
  .text-brand-text {
1048
275
  color: var(--color-brand-text);
1049
276
  }
1050
- .text-cyan-300 {
1051
- color: var(--color-cyan-300);
1052
- }
1053
- .text-cyan-400 {
1054
- color: var(--color-cyan-400);
1055
- }
1056
- .text-cyan-500 {
1057
- color: var(--color-cyan-500);
1058
- }
1059
- .text-cyan-900 {
1060
- color: var(--color-cyan-900);
1061
- }
1062
277
  .text-gray-300 {
1063
278
  color: var(--color-gray-300);
1064
279
  }
1065
280
  .text-gray-400 {
1066
281
  color: var(--color-gray-400);
1067
282
  }
1068
- .text-gray-500 {
1069
- color: var(--color-gray-500);
1070
- }
1071
- .text-gray-600 {
1072
- color: var(--color-gray-600);
1073
- }
1074
- .text-gray-700 {
1075
- color: var(--color-gray-700);
283
+ .text-white {
284
+ color: var(--color-white);
1076
285
  }
1077
- .text-gray-800 {
1078
- color: var(--color-gray-800);
286
+ .opacity-50 {
287
+ opacity: 50%;
1079
288
  }
1080
- .text-gray-900 {
1081
- color: var(--color-gray-900);
1082
- }
1083
- .text-green-800 {
1084
- color: var(--color-green-800);
1085
- }
1086
- .text-pink-300 {
1087
- color: var(--color-pink-300);
1088
- }
1089
- .text-purple-100 {
1090
- color: var(--color-purple-100);
1091
- }
1092
- .text-purple-200 {
1093
- color: var(--color-purple-200);
1094
- }
1095
- .text-purple-300 {
1096
- color: var(--color-purple-300);
1097
- }
1098
- .text-purple-400\/80 {
1099
- color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 80%, transparent);
1100
- @supports (color: color-mix(in lab, red, red)) {
1101
- color: color-mix(in oklab, var(--color-purple-400) 80%, transparent);
1102
- }
1103
- }
1104
- .text-purple-900\/40 {
1105
- color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 40%, transparent);
1106
- @supports (color: color-mix(in lab, red, red)) {
1107
- color: color-mix(in oklab, var(--color-purple-900) 40%, transparent);
1108
- }
1109
- }
1110
- .text-red-300 {
1111
- color: var(--color-red-300);
1112
- }
1113
- .text-stone-300 {
1114
- color: var(--color-stone-300);
1115
- }
1116
- .text-stone-600 {
1117
- color: var(--color-stone-600);
1118
- }
1119
- .text-stone-700 {
1120
- color: var(--color-stone-700);
1121
- }
1122
- .text-stone-800 {
1123
- color: var(--color-stone-800);
1124
- }
1125
- .text-stone-900 {
1126
- color: var(--color-stone-900);
1127
- }
1128
- .text-transparent {
1129
- color: transparent;
1130
- }
1131
- .text-white {
1132
- color: var(--color-white);
1133
- }
1134
- .text-yellow-400 {
1135
- color: var(--color-yellow-400);
1136
- }
1137
- .uppercase {
1138
- text-transform: uppercase;
1139
- }
1140
- .italic {
1141
- font-style: italic;
1142
- }
1143
- .line-through {
1144
- text-decoration-line: line-through;
1145
- }
1146
- .antialiased {
1147
- -webkit-font-smoothing: antialiased;
1148
- -moz-osx-font-smoothing: grayscale;
1149
- }
1150
- .opacity-0 {
1151
- opacity: 0%;
1152
- }
1153
- .opacity-30 {
1154
- opacity: 30%;
1155
- }
1156
- .opacity-50 {
1157
- opacity: 50%;
1158
- }
1159
- .shadow-2xl {
1160
- --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1161
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1162
- }
1163
- .shadow-\[6px_6px_0px_0px_rgba\(6\,182\,212\,1\)\] {
1164
- --tw-shadow: 6px 6px 0px 0px var(--tw-shadow-color, rgba(6,182,212,1));
1165
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1166
- }
1167
- .shadow-lg {
1168
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1169
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1170
- }
1171
- .shadow-md {
1172
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1173
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1174
- }
1175
- .shadow-sm {
1176
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1177
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1178
- }
1179
- .ring-1 {
1180
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1181
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1182
- }
1183
- .ring-2 {
1184
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1185
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1186
- }
1187
- .shadow-pink-500\/40 {
1188
- --tw-shadow-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 40%, transparent);
1189
- @supports (color: color-mix(in lab, red, red)) {
1190
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-pink-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
1191
- }
1192
- }
1193
- .shadow-purple-950\/40 {
1194
- --tw-shadow-color: color-mix(in srgb, oklch(29.1% 0.149 302.717) 40%, transparent);
1195
- @supports (color: color-mix(in lab, red, red)) {
1196
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-950) 40%, transparent) var(--tw-shadow-alpha), transparent);
1197
- }
1198
- }
1199
- .ring-amber-700 {
1200
- --tw-ring-color: var(--color-amber-700);
1201
- }
1202
- .ring-pink-400 {
1203
- --tw-ring-color: var(--color-pink-400);
1204
- }
1205
- .ring-offset-2 {
1206
- --tw-ring-offset-width: 2px;
1207
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1208
- }
1209
- .ring-offset-purple-950 {
1210
- --tw-ring-offset-color: var(--color-purple-950);
1211
- }
1212
- .backdrop-blur-\[1px\] {
1213
- --tw-backdrop-blur: blur(1px);
1214
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1215
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
289
+ .shadow-lg {
290
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
291
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1216
292
  }
1217
293
  .transition-all {
1218
294
  transition-property: all;
@@ -1224,274 +300,48 @@
1224
300
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1225
301
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1226
302
  }
1227
- .transition-transform {
1228
- transition-property: transform, translate, scale, rotate;
1229
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1230
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1231
- }
1232
- .duration-200 {
1233
- --tw-duration: 200ms;
1234
- transition-duration: 200ms;
1235
- }
1236
- .outline-none {
1237
- --tw-outline-style: none;
1238
- outline-style: none;
1239
- }
1240
- .group-focus-within\:visible {
1241
- &:is(:where(.group):focus-within *) {
1242
- visibility: visible;
1243
- }
1244
- }
1245
- .group-focus-within\:scale-100 {
1246
- &:is(:where(.group):focus-within *) {
1247
- --tw-scale-x: 100%;
1248
- --tw-scale-y: 100%;
1249
- --tw-scale-z: 100%;
1250
- scale: var(--tw-scale-x) var(--tw-scale-y);
1251
- }
1252
- }
1253
- .group-focus-within\:opacity-100 {
1254
- &:is(:where(.group):focus-within *) {
1255
- opacity: 100%;
1256
- }
1257
- }
1258
- .group-hover\:block {
1259
- &:is(:where(.group):hover *) {
1260
- @media (hover: hover) {
1261
- display: block;
1262
- }
1263
- }
1264
- }
1265
- .last\:border-r-0 {
1266
- &:last-child {
1267
- border-right-style: var(--tw-border-style);
1268
- border-right-width: 0px;
1269
- }
1270
- }
1271
- .hover\:scale-110 {
1272
- &:hover {
1273
- @media (hover: hover) {
1274
- --tw-scale-x: 110%;
1275
- --tw-scale-y: 110%;
1276
- --tw-scale-z: 110%;
1277
- scale: var(--tw-scale-x) var(--tw-scale-y);
1278
- }
1279
- }
1280
- }
1281
- .hover\:border-amber-400 {
1282
- &:hover {
1283
- @media (hover: hover) {
1284
- border-color: var(--color-amber-400);
1285
- }
1286
- }
1287
- }
1288
- .hover\:border-cyan-400 {
1289
- &:hover {
1290
- @media (hover: hover) {
1291
- border-color: var(--color-cyan-400);
1292
- }
1293
- }
1294
- }
1295
- .hover\:bg-amber-100\/50 {
1296
- &:hover {
1297
- @media (hover: hover) {
1298
- background-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 50%, transparent);
1299
- @supports (color: color-mix(in lab, red, red)) {
1300
- background-color: color-mix(in oklab, var(--color-amber-100) 50%, transparent);
1301
- }
1302
- }
1303
- }
1304
- }
1305
- .hover\:bg-brand-gray-light {
1306
- &:hover {
1307
- @media (hover: hover) {
1308
- background-color: var(--color-brand-gray-light);
1309
- }
1310
- }
1311
- }
1312
- .hover\:bg-cyan-400 {
1313
- &:hover {
1314
- @media (hover: hover) {
1315
- background-color: var(--color-cyan-400);
1316
- }
1317
- }
1318
- }
1319
- .hover\:bg-cyan-950 {
1320
- &:hover {
1321
- @media (hover: hover) {
1322
- background-color: var(--color-cyan-950);
1323
- }
1324
- }
1325
- }
1326
- .hover\:bg-gray-50 {
1327
- &:hover {
1328
- @media (hover: hover) {
1329
- background-color: var(--color-gray-50);
1330
- }
1331
- }
1332
- }
1333
- .hover\:bg-gray-50\/50 {
1334
- &:hover {
1335
- @media (hover: hover) {
1336
- background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 50%, transparent);
1337
- @supports (color: color-mix(in lab, red, red)) {
1338
- background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);
1339
- }
1340
- }
1341
- }
1342
- }
1343
- .hover\:bg-gray-100 {
1344
- &:hover {
1345
- @media (hover: hover) {
1346
- background-color: var(--color-gray-100);
1347
- }
1348
- }
1349
- }
1350
- .hover\:bg-gray-200 {
1351
- &:hover {
1352
- @media (hover: hover) {
1353
- background-color: var(--color-gray-200);
1354
- }
1355
- }
1356
- }
1357
- .hover\:bg-green-200 {
1358
- &:hover {
1359
- @media (hover: hover) {
1360
- background-color: var(--color-green-200);
1361
- }
1362
- }
1363
- }
1364
- .hover\:bg-purple-500\/30 {
1365
- &:hover {
1366
- @media (hover: hover) {
1367
- background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent);
1368
- @supports (color: color-mix(in lab, red, red)) {
1369
- background-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
1370
- }
1371
- }
1372
- }
1373
- }
1374
- .hover\:bg-purple-800\/40 {
1375
- &:hover {
1376
- @media (hover: hover) {
1377
- background-color: color-mix(in srgb, oklch(43.8% 0.218 303.724) 40%, transparent);
1378
- @supports (color: color-mix(in lab, red, red)) {
1379
- background-color: color-mix(in oklab, var(--color-purple-800) 40%, transparent);
1380
- }
1381
- }
1382
- }
1383
- }
1384
- .hover\:bg-stone-200\/60 {
1385
- &:hover {
1386
- @media (hover: hover) {
1387
- background-color: color-mix(in srgb, oklch(92.3% 0.003 48.717) 60%, transparent);
1388
- @supports (color: color-mix(in lab, red, red)) {
1389
- background-color: color-mix(in oklab, var(--color-stone-200) 60%, transparent);
1390
- }
1391
- }
1392
- }
1393
- }
1394
- .hover\:bg-stone-200\/80 {
1395
- &:hover {
1396
- @media (hover: hover) {
1397
- background-color: color-mix(in srgb, oklch(92.3% 0.003 48.717) 80%, transparent);
1398
- @supports (color: color-mix(in lab, red, red)) {
1399
- background-color: color-mix(in oklab, var(--color-stone-200) 80%, transparent);
1400
- }
1401
- }
1402
- }
1403
- }
1404
- .hover\:text-black {
1405
- &:hover {
1406
- @media (hover: hover) {
1407
- color: var(--color-black);
1408
- }
1409
- }
1410
- }
1411
- .hover\:text-stone-950 {
1412
- &:hover {
1413
- @media (hover: hover) {
1414
- color: var(--color-stone-950);
1415
- }
1416
- }
1417
- }
1418
- .hover\:text-white {
1419
- &:hover {
1420
- @media (hover: hover) {
1421
- color: var(--color-white);
1422
- }
1423
- }
1424
- }
1425
- .hover\:underline {
1426
- &:hover {
1427
- @media (hover: hover) {
1428
- text-decoration-line: underline;
1429
- }
1430
- }
1431
- }
1432
- .hover\:brightness-95 {
1433
- &:hover {
1434
- @media (hover: hover) {
1435
- --tw-brightness: brightness(95%);
1436
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1437
- }
1438
- }
1439
- }
1440
- .focus\:border-brand-gold {
1441
- &:focus {
1442
- border-color: var(--color-brand-gold);
1443
- }
1444
- }
1445
- .focus\:ring-2 {
1446
- &:focus {
1447
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1448
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1449
- }
1450
- }
1451
- .focus\:ring-brand-gold {
1452
- &:focus {
1453
- --tw-ring-color: var(--color-brand-gold);
303
+ @media (hover: hover) {
304
+ .group-hover\:block:is(:where(.group):hover *) {
305
+ display: block;
1454
306
  }
1455
- }
1456
- .disabled\:pointer-events-none {
1457
- &:disabled {
1458
- pointer-events: none;
307
+ .hover\:bg-brand-gray-light:hover {
308
+ background-color: var(--color-brand-gray-light);
1459
309
  }
1460
- }
1461
- .disabled\:opacity-30 {
1462
- &:disabled {
1463
- opacity: 30%;
310
+ .hover\:bg-gray-100:hover {
311
+ background-color: var(--color-gray-100);
1464
312
  }
1465
313
  }
1466
- .sm\:block {
1467
- @media (width >= 40rem) {
1468
- display: block;
1469
- }
314
+ .disabled\:pointer-events-none:disabled {
315
+ pointer-events: none;
1470
316
  }
1471
- .sm\:grid-cols-2 {
1472
- @media (width >= 40rem) {
1473
- grid-template-columns: repeat(2, minmax(0, 1fr));
1474
- }
317
+ .disabled\:opacity-30:disabled {
318
+ opacity: 30%;
1475
319
  }
1476
- .md\:grid-cols-2 {
1477
- @media (width >= 48rem) {
1478
- grid-template-columns: repeat(2, minmax(0, 1fr));
1479
- }
320
+ }
321
+ @layer base {
322
+ .rmdp, .rmdp *, .rmdp ::after, .rmdp ::before, .rmdp ::backdrop, .rmdp ::file-selector-button {
323
+ box-sizing: border-box;
324
+ margin: 0;
325
+ padding: 0;
326
+ border: 0 solid;
1480
327
  }
1481
- .md\:flex-row {
1482
- @media (width >= 48rem) {
1483
- flex-direction: row;
1484
- }
328
+ .rmdp button, .rmdp input, .rmdp select, .rmdp optgroup, .rmdp textarea, .rmdp ::file-selector-button {
329
+ font: inherit;
330
+ font-feature-settings: inherit;
331
+ font-variation-settings: inherit;
332
+ letter-spacing: inherit;
333
+ color: inherit;
334
+ border-radius: 0;
335
+ background-color: transparent;
336
+ opacity: 1;
1485
337
  }
1486
- .lg\:grid-cols-3 {
1487
- @media (width >= 64rem) {
1488
- grid-template-columns: repeat(3, minmax(0, 1fr));
1489
- }
338
+ .rmdp img, .rmdp svg, .rmdp video, .rmdp canvas, .rmdp audio, .rmdp iframe, .rmdp embed, .rmdp object {
339
+ display: block;
340
+ vertical-align: middle;
1490
341
  }
1491
- .lg\:grid-cols-4 {
1492
- @media (width >= 64rem) {
1493
- grid-template-columns: repeat(4, minmax(0, 1fr));
1494
- }
342
+ .rmdp img, .rmdp video {
343
+ max-width: 100%;
344
+ height: auto;
1495
345
  }
1496
346
  }
1497
347
  @keyframes slideInFromTop {
@@ -1504,7 +354,7 @@
1504
354
  transform: translateY(0);
1505
355
  }
1506
356
  }
1507
- .animate-slide-in-top {
357
+ .rmdp .animate-slide-in-top {
1508
358
  animation: slideInFromTop 0.2s ease-out forwards;
1509
359
  }
1510
360
  @keyframes slideInRight {
@@ -1527,10 +377,10 @@
1527
377
  transform: translateX(0);
1528
378
  }
1529
379
  }
1530
- .animate-slide-in-right {
380
+ .rmdp .animate-slide-in-right {
1531
381
  animation: slideInRight 0.2s ease-out forwards;
1532
382
  }
1533
- .animate-slide-in-left {
383
+ .rmdp .animate-slide-in-left {
1534
384
  animation: slideInLeft 0.2s ease-out forwards;
1535
385
  }
1536
386
  @property --tw-translate-x {
@@ -1548,101 +398,15 @@
1548
398
  inherits: false;
1549
399
  initial-value: 0;
1550
400
  }
1551
- @property --tw-scale-x {
1552
- syntax: "*";
1553
- inherits: false;
1554
- initial-value: 1;
1555
- }
1556
- @property --tw-scale-y {
1557
- syntax: "*";
1558
- inherits: false;
1559
- initial-value: 1;
1560
- }
1561
- @property --tw-scale-z {
1562
- syntax: "*";
1563
- inherits: false;
1564
- initial-value: 1;
1565
- }
1566
- @property --tw-rotate-x {
1567
- syntax: "*";
1568
- inherits: false;
1569
- }
1570
- @property --tw-rotate-y {
1571
- syntax: "*";
1572
- inherits: false;
1573
- }
1574
- @property --tw-rotate-z {
1575
- syntax: "*";
1576
- inherits: false;
1577
- }
1578
- @property --tw-skew-x {
1579
- syntax: "*";
1580
- inherits: false;
1581
- }
1582
- @property --tw-skew-y {
1583
- syntax: "*";
1584
- inherits: false;
1585
- }
1586
- @property --tw-space-y-reverse {
1587
- syntax: "*";
1588
- inherits: false;
1589
- initial-value: 0;
1590
- }
1591
401
  @property --tw-border-style {
1592
402
  syntax: "*";
1593
403
  inherits: false;
1594
404
  initial-value: solid;
1595
405
  }
1596
- @property --tw-gradient-position {
1597
- syntax: "*";
1598
- inherits: false;
1599
- }
1600
- @property --tw-gradient-from {
1601
- syntax: "<color>";
1602
- inherits: false;
1603
- initial-value: #0000;
1604
- }
1605
- @property --tw-gradient-via {
1606
- syntax: "<color>";
1607
- inherits: false;
1608
- initial-value: #0000;
1609
- }
1610
- @property --tw-gradient-to {
1611
- syntax: "<color>";
1612
- inherits: false;
1613
- initial-value: #0000;
1614
- }
1615
- @property --tw-gradient-stops {
1616
- syntax: "*";
1617
- inherits: false;
1618
- }
1619
- @property --tw-gradient-via-stops {
1620
- syntax: "*";
1621
- inherits: false;
1622
- }
1623
- @property --tw-gradient-from-position {
1624
- syntax: "<length-percentage>";
1625
- inherits: false;
1626
- initial-value: 0%;
1627
- }
1628
- @property --tw-gradient-via-position {
1629
- syntax: "<length-percentage>";
1630
- inherits: false;
1631
- initial-value: 50%;
1632
- }
1633
- @property --tw-gradient-to-position {
1634
- syntax: "<length-percentage>";
1635
- inherits: false;
1636
- initial-value: 100%;
1637
- }
1638
406
  @property --tw-font-weight {
1639
407
  syntax: "*";
1640
408
  inherits: false;
1641
409
  }
1642
- @property --tw-tracking {
1643
- syntax: "*";
1644
- inherits: false;
1645
- }
1646
410
  @property --tw-shadow {
1647
411
  syntax: "*";
1648
412
  inherits: false;
@@ -1708,131 +472,14 @@
1708
472
  inherits: false;
1709
473
  initial-value: 0 0 #0000;
1710
474
  }
1711
- @property --tw-backdrop-blur {
1712
- syntax: "*";
1713
- inherits: false;
1714
- }
1715
- @property --tw-backdrop-brightness {
1716
- syntax: "*";
1717
- inherits: false;
1718
- }
1719
- @property --tw-backdrop-contrast {
1720
- syntax: "*";
1721
- inherits: false;
1722
- }
1723
- @property --tw-backdrop-grayscale {
1724
- syntax: "*";
1725
- inherits: false;
1726
- }
1727
- @property --tw-backdrop-hue-rotate {
1728
- syntax: "*";
1729
- inherits: false;
1730
- }
1731
- @property --tw-backdrop-invert {
1732
- syntax: "*";
1733
- inherits: false;
1734
- }
1735
- @property --tw-backdrop-opacity {
1736
- syntax: "*";
1737
- inherits: false;
1738
- }
1739
- @property --tw-backdrop-saturate {
1740
- syntax: "*";
1741
- inherits: false;
1742
- }
1743
- @property --tw-backdrop-sepia {
1744
- syntax: "*";
1745
- inherits: false;
1746
- }
1747
- @property --tw-duration {
1748
- syntax: "*";
1749
- inherits: false;
1750
- }
1751
- @property --tw-blur {
1752
- syntax: "*";
1753
- inherits: false;
1754
- }
1755
- @property --tw-brightness {
1756
- syntax: "*";
1757
- inherits: false;
1758
- }
1759
- @property --tw-contrast {
1760
- syntax: "*";
1761
- inherits: false;
1762
- }
1763
- @property --tw-grayscale {
1764
- syntax: "*";
1765
- inherits: false;
1766
- }
1767
- @property --tw-hue-rotate {
1768
- syntax: "*";
1769
- inherits: false;
1770
- }
1771
- @property --tw-invert {
1772
- syntax: "*";
1773
- inherits: false;
1774
- }
1775
- @property --tw-opacity {
1776
- syntax: "*";
1777
- inherits: false;
1778
- }
1779
- @property --tw-saturate {
1780
- syntax: "*";
1781
- inherits: false;
1782
- }
1783
- @property --tw-sepia {
1784
- syntax: "*";
1785
- inherits: false;
1786
- }
1787
- @property --tw-drop-shadow {
1788
- syntax: "*";
1789
- inherits: false;
1790
- }
1791
- @property --tw-drop-shadow-color {
1792
- syntax: "*";
1793
- inherits: false;
1794
- }
1795
- @property --tw-drop-shadow-alpha {
1796
- syntax: "<percentage>";
1797
- inherits: false;
1798
- initial-value: 100%;
1799
- }
1800
- @property --tw-drop-shadow-size {
1801
- syntax: "*";
1802
- inherits: false;
1803
- }
1804
- @keyframes spin {
1805
- to {
1806
- transform: rotate(360deg);
1807
- }
1808
- }
1809
475
  @layer properties {
1810
476
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1811
477
  *, ::before, ::after, ::backdrop {
1812
478
  --tw-translate-x: 0;
1813
479
  --tw-translate-y: 0;
1814
480
  --tw-translate-z: 0;
1815
- --tw-scale-x: 1;
1816
- --tw-scale-y: 1;
1817
- --tw-scale-z: 1;
1818
- --tw-rotate-x: initial;
1819
- --tw-rotate-y: initial;
1820
- --tw-rotate-z: initial;
1821
- --tw-skew-x: initial;
1822
- --tw-skew-y: initial;
1823
- --tw-space-y-reverse: 0;
1824
481
  --tw-border-style: solid;
1825
- --tw-gradient-position: initial;
1826
- --tw-gradient-from: #0000;
1827
- --tw-gradient-via: #0000;
1828
- --tw-gradient-to: #0000;
1829
- --tw-gradient-stops: initial;
1830
- --tw-gradient-via-stops: initial;
1831
- --tw-gradient-from-position: 0%;
1832
- --tw-gradient-via-position: 50%;
1833
- --tw-gradient-to-position: 100%;
1834
482
  --tw-font-weight: initial;
1835
- --tw-tracking: initial;
1836
483
  --tw-shadow: 0 0 #0000;
1837
484
  --tw-shadow-color: initial;
1838
485
  --tw-shadow-alpha: 100%;
@@ -1847,29 +494,6 @@
1847
494
  --tw-ring-offset-width: 0px;
1848
495
  --tw-ring-offset-color: #fff;
1849
496
  --tw-ring-offset-shadow: 0 0 #0000;
1850
- --tw-backdrop-blur: initial;
1851
- --tw-backdrop-brightness: initial;
1852
- --tw-backdrop-contrast: initial;
1853
- --tw-backdrop-grayscale: initial;
1854
- --tw-backdrop-hue-rotate: initial;
1855
- --tw-backdrop-invert: initial;
1856
- --tw-backdrop-opacity: initial;
1857
- --tw-backdrop-saturate: initial;
1858
- --tw-backdrop-sepia: initial;
1859
- --tw-duration: initial;
1860
- --tw-blur: initial;
1861
- --tw-brightness: initial;
1862
- --tw-contrast: initial;
1863
- --tw-grayscale: initial;
1864
- --tw-hue-rotate: initial;
1865
- --tw-invert: initial;
1866
- --tw-opacity: initial;
1867
- --tw-saturate: initial;
1868
- --tw-sepia: initial;
1869
- --tw-drop-shadow: initial;
1870
- --tw-drop-shadow-color: initial;
1871
- --tw-drop-shadow-alpha: 100%;
1872
- --tw-drop-shadow-size: initial;
1873
497
  }
1874
498
  }
1875
499
  }