@run-ai-dev/styles 1.0.1 → 1.0.3

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/index.css +4520 -73
package/src/index.css CHANGED
@@ -1,79 +1,4526 @@
1
- @import "tailwindcss";
2
- @custom-variant lg (@media (min-width:1025px));
3
- @custom-variant max-lg (@media (max-width:1024px));
4
- @custom-variant max-md (@media (max-width:767px));
5
- @custom-variant lightm (&:where(.lightm, .lightm *));
6
- @theme {
7
- --width-chat-header: calc(100% - 94px);
8
- --width-grid-item: calc(100% / 6);
9
- --width-grid-mb: calc(100% / 2);
10
- --color-dark-gray: #8a8a8a;
11
- --color-dark-popup: #00000099;
12
- --color-black-10: #0000001a;
13
- --color-light-gray: #b5b5b5;
14
- --color-light-silver: #b5b5b5;
15
- --color-gray-light: #eeeeee;
16
- --color-dark-grey: #494949;
17
- --color-slate-grey: #4e6270;
18
- --color-ultra-light-gray: #e6e6e6;
19
- --color-transparent-white: #ffffff1a;
20
- --color-ultra-light-white: #ffffff0d;
21
- --color-dark-slate: #2b363d;
22
- --color-cool-gray: #909499;
23
- --color-cool-grey: #c0ccd3;
24
- --color-dark-slate-transparent: #2b363dcc;
25
- --color-charcoal-gray: #3c4c57;
26
- --color-concrete-gray: #5f5f5f;
27
- --color-deep-space: #171d21;
28
- --color-dark-charcoal: #3764fc;
29
- --color-owl-black: #232425;
30
- --color-white-c: #ffffff;
31
- --color-black-c: #000000;
32
- --color-gainsboro: #eaeaea;
33
- --color-jetblack: #343434;
34
- --color-charcoal-blue: #20272d;
35
- --color-white-smoke: #f5f5f5;
36
- --color-silver: #cacaca;
37
- --color-dark: #0f171d;
38
- --color-anti-flash: #f2f2f2;
39
- --color-silver-gray: #c0bebe;
40
- --color-gray-silver: #dbdbdb;
41
- --color-white-60: #ffffff99;
42
- --color-apple-green: #43c361;
43
- --color-pomegranate: #eb5757;
44
- --color-saffron: #ffb835;
45
- --color-cornflower-blue: #5888ff;
46
- --color-light-min: #e6faf5;
47
- --color-pale-pink: #fdefef;
48
- --color-light-sand: #fdf8e8;
49
- --color-pale-blue: #eeefff;
50
- --color-cloudy-white: #dae1e5;
51
-
52
- /* FONT SIZE */
53
- /* 28 */
54
- --text-28: 28px;
55
- --leading-28: 36px;
56
- /* 32 */
57
- --text-32: 32px;
58
- --leading-32: 40px;
59
- /* 40 */
60
- --text-40: 40px;
61
- --leading-40: 50px;
62
-
63
- /* RADIUS */
64
- --radius-20: 20px;
65
-
66
- /* SHADOW */
67
- --shadow-soft-light: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
68
- --shadow-elevated: 0px 6px 30px 0px rgba(0, 0, 0, 0.08);
69
- --shadow-subpop: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
70
-
71
- /* BACKGROUND */
72
- --background-image-gradient-dark: linear-gradient(180deg, rgba(15, 23, 29, 0) 0%, #0f171d 100%);
73
- --background-image-gradient-light: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
1
+ /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
3
+ @layer theme, base, components, utilities;
4
+
5
+ @layer theme {
6
+
7
+ :root,
8
+ :host {
9
+ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
10
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
11
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
12
+ "Courier New", monospace;
13
+ --color-red-600: oklch(57.7% 0.245 27.325);
14
+ --color-gray-200: oklch(92.8% 0.006 264.531);
15
+ --color-gray-500: oklch(55.1% 0.027 264.364);
16
+ --color-black: #000;
17
+ --color-white: #fff;
18
+ --spacing: 0.25rem;
19
+ --text-xs: 0.75rem;
20
+ --text-xs--line-height: calc(1 / 0.75);
21
+ --text-sm: 0.875rem;
22
+ --text-sm--line-height: calc(1.25 / 0.875);
23
+ --text-base: 1rem;
24
+ --text-base--line-height: calc(1.5 / 1);
25
+ --text-lg: 1.125rem;
26
+ --text-lg--line-height: calc(1.75 / 1.125);
27
+ --text-xl: 1.25rem;
28
+ --text-xl--line-height: calc(1.75 / 1.25);
29
+ --text-2xl: 1.5rem;
30
+ --text-2xl--line-height: calc(2 / 1.5);
31
+ --text-3xl: 1.875rem;
32
+ --text-3xl--line-height: calc(2.25 / 1.875);
33
+ --font-weight-light: 300;
34
+ --font-weight-normal: 400;
35
+ --font-weight-medium: 500;
36
+ --font-weight-semibold: 600;
37
+ --leading-tight: 1.25;
38
+ --radius-sm: 0.25rem;
39
+ --radius-md: 0.375rem;
40
+ --radius-lg: 0.5rem;
41
+ --radius-xl: 0.75rem;
42
+ --radius-2xl: 1rem;
43
+ --radius-3xl: 1.5rem;
44
+ --radius-4xl: 2rem;
45
+ --ease-out: cubic-bezier(0, 0, 0.2, 1);
46
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
47
+ --blur-lg: 16px;
48
+ --default-transition-duration: 150ms;
49
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
50
+ --default-font-family: var(--font-sans);
51
+ --default-mono-font-family: var(--font-mono);
52
+ --width-chat-header: calc(100% - 94px);
53
+ --color-dark-gray: #8a8a8a;
54
+ --color-dark-50: #00000080;
55
+ --color-dark-popup: #00000099;
56
+ --color-black-10: #0000001a;
57
+ --color-light-gray: #b5b5b5;
58
+ --color-light-silver: #b5b5b5;
59
+ --color-gray-light: #eeeeee;
60
+ --color-dark-grey: #494949;
61
+ --color-slate-grey: #4e6270;
62
+ --color-ultra-light-gray: #e6e6e6;
63
+ --color-transparent-white: #ffffff1a;
64
+ --color-dark-slate: #2b363d;
65
+ --color-cool-gray: #909499;
66
+ --color-cool-grey: #c0ccd3;
67
+ --color-dark-slate-transparent: #2b363dcc;
68
+ --color-charcoal-gray: #3c4c57;
69
+ --color-concrete-gray: #5f5f5f;
70
+ --color-deep-space: #171d21;
71
+ --color-dark-charcoal: #3764fc;
72
+ --color-owl-black: #232425;
73
+ --color-white-c: #ffffff;
74
+ --color-black-c: #000000;
75
+ --color-gainsboro: #eaeaea;
76
+ --color-jetblack: #343434;
77
+ --color-charcoal-blue: #20272d;
78
+ --color-white-smoke: #f5f5f5;
79
+ --color-silver: #cacaca;
80
+ --color-dark: #0f171d;
81
+ --color-anti-flash: #f2f2f2;
82
+ --color-silver-gray: #c0bebe;
83
+ --color-gray-silver: #dbdbdb;
84
+ --color-white-60: #ffffff99;
85
+ --color-apple-green: #43c361;
86
+ --color-pomegranate: #eb5757;
87
+ --color-cornflower-blue: #5888ff;
88
+ --color-light-min: #e6faf5;
89
+ --color-pale-pink: #fdefef;
90
+ --color-light-sand: #fdf8e8;
91
+ --color-pale-blue: #eeefff;
92
+ --color-cloudy-white: #dae1e5;
93
+ --text-28: 28px;
94
+ --leading-28: 36px;
95
+ --text-32: 32px;
96
+ --text-40: 40px;
97
+ --leading-40: 50px;
98
+ --radius-20: 20px;
99
+ --background-image-gradient-dark: linear-gradient(180deg, rgba(15, 23, 29, 0) 0%, #0f171d 100%);
100
+ --background-image-gradient-light: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
101
+ }
102
+ }
103
+
104
+ @layer base {
105
+
106
+ *,
107
+ ::after,
108
+ ::before,
109
+ ::backdrop,
110
+ ::file-selector-button {
111
+ box-sizing: border-box;
112
+ margin: 0;
113
+ padding: 0;
114
+ border: 0 solid;
115
+ }
116
+
117
+ html,
118
+ :host {
119
+ line-height: 1.5;
120
+ -webkit-text-size-adjust: 100%;
121
+ -moz-tab-size: 4;
122
+ -o-tab-size: 4;
123
+ tab-size: 4;
124
+ 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");
125
+ font-feature-settings: var(--default-font-feature-settings, normal);
126
+ font-variation-settings: var(--default-font-variation-settings, normal);
127
+ -webkit-tap-highlight-color: transparent;
128
+ }
129
+
130
+ hr {
131
+ height: 0;
132
+ color: inherit;
133
+ border-top-width: 1px;
134
+ }
135
+
136
+ abbr:where([title]) {
137
+ -webkit-text-decoration: underline dotted;
138
+ text-decoration: underline dotted;
139
+ }
140
+
141
+ h1,
142
+ h2,
143
+ h3,
144
+ h4,
145
+ h5,
146
+ h6 {
147
+ font-size: inherit;
148
+ font-weight: inherit;
149
+ }
150
+
151
+ a {
152
+ color: inherit;
153
+ -webkit-text-decoration: inherit;
154
+ text-decoration: inherit;
155
+ }
156
+
157
+ b,
158
+ strong {
159
+ font-weight: bolder;
160
+ }
161
+
162
+ code,
163
+ kbd,
164
+ samp,
165
+ pre {
166
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
167
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
168
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
169
+ font-size: 1em;
170
+ }
171
+
172
+ small {
173
+ font-size: 80%;
174
+ }
175
+
176
+ sub,
177
+ sup {
178
+ font-size: 75%;
179
+ line-height: 0;
180
+ position: relative;
181
+ vertical-align: baseline;
182
+ }
183
+
184
+ sub {
185
+ bottom: -0.25em;
186
+ }
187
+
188
+ sup {
189
+ top: -0.5em;
190
+ }
191
+
192
+ table {
193
+ text-indent: 0;
194
+ border-color: inherit;
195
+ border-collapse: collapse;
196
+ }
197
+
198
+ :-moz-focusring {
199
+ outline: auto;
200
+ }
201
+
202
+ progress {
203
+ vertical-align: baseline;
204
+ }
205
+
206
+ summary {
207
+ display: list-item;
208
+ }
209
+
210
+ ol,
211
+ ul,
212
+ menu {
213
+ list-style: none;
214
+ }
215
+
216
+ img,
217
+ svg,
218
+ video,
219
+ canvas,
220
+ audio,
221
+ iframe,
222
+ embed,
223
+ object {
224
+ display: block;
225
+ vertical-align: middle;
226
+ }
227
+
228
+ img,
229
+ video {
230
+ max-width: 100%;
231
+ height: auto;
232
+ }
233
+
234
+ button,
235
+ input,
236
+ select,
237
+ optgroup,
238
+ textarea,
239
+ ::file-selector-button {
240
+ font: inherit;
241
+ font-feature-settings: inherit;
242
+ font-variation-settings: inherit;
243
+ letter-spacing: inherit;
244
+ color: inherit;
245
+ border-radius: 0;
246
+ background-color: transparent;
247
+ opacity: 1;
248
+ }
249
+
250
+ :where(select:is([multiple], [size])) optgroup {
251
+ font-weight: bolder;
252
+ }
253
+
254
+ :where(select:is([multiple], [size])) optgroup option {
255
+ padding-inline-start: 20px;
256
+ }
257
+
258
+ ::file-selector-button {
259
+ margin-inline-end: 4px;
260
+ }
261
+
262
+ ::-moz-placeholder {
263
+ opacity: 1;
264
+ }
265
+
266
+ ::placeholder {
267
+ opacity: 1;
268
+ }
269
+
270
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
271
+ ::-moz-placeholder {
272
+ color: currentcolor;
273
+
274
+ @supports (color: color-mix(in lab, red, red)) {
275
+ color: color-mix(in oklab, currentcolor 50%, transparent);
276
+ }
277
+ }
278
+
279
+ ::placeholder {
280
+ color: currentcolor;
281
+
282
+ @supports (color: color-mix(in lab, red, red)) {
283
+ color: color-mix(in oklab, currentcolor 50%, transparent);
284
+ }
285
+ }
286
+ }
287
+
288
+ textarea {
289
+ resize: vertical;
290
+ }
291
+
292
+ ::-webkit-search-decoration {
293
+ -webkit-appearance: none;
294
+ }
295
+
296
+ ::-webkit-date-and-time-value {
297
+ min-height: 1lh;
298
+ text-align: inherit;
299
+ }
300
+
301
+ ::-webkit-datetime-edit {
302
+ display: inline-flex;
303
+ }
304
+
305
+ ::-webkit-datetime-edit-fields-wrapper {
306
+ padding: 0;
307
+ }
308
+
309
+ ::-webkit-datetime-edit,
310
+ ::-webkit-datetime-edit-year-field,
311
+ ::-webkit-datetime-edit-month-field,
312
+ ::-webkit-datetime-edit-day-field,
313
+ ::-webkit-datetime-edit-hour-field,
314
+ ::-webkit-datetime-edit-minute-field,
315
+ ::-webkit-datetime-edit-second-field,
316
+ ::-webkit-datetime-edit-millisecond-field,
317
+ ::-webkit-datetime-edit-meridiem-field {
318
+ padding-block: 0;
319
+ }
320
+
321
+ ::-webkit-calendar-picker-indicator {
322
+ line-height: 1;
323
+ }
324
+
325
+ :-moz-ui-invalid {
326
+ box-shadow: none;
327
+ }
328
+
329
+ button,
330
+ input:where([type="button"], [type="reset"], [type="submit"]),
331
+ ::file-selector-button {
332
+ -webkit-appearance: button;
333
+ -moz-appearance: button;
334
+ appearance: button;
335
+ }
336
+
337
+ ::-webkit-inner-spin-button,
338
+ ::-webkit-outer-spin-button {
339
+ height: auto;
340
+ }
341
+
342
+ [hidden]:where(:not([hidden="until-found"])) {
343
+ display: none !important;
344
+ }
345
+ }
346
+
347
+ @layer utilities {
348
+ .pointer-events-none {
349
+ pointer-events: none;
350
+ }
351
+
352
+ .invisible {
353
+ visibility: hidden;
354
+ }
355
+
356
+ .sr-only {
357
+ position: absolute;
358
+ width: 1px;
359
+ height: 1px;
360
+ padding: 0;
361
+ margin: -1px;
362
+ overflow: hidden;
363
+ clip-path: inset(50%);
364
+ white-space: nowrap;
365
+ border-width: 0;
366
+ }
367
+
368
+ .absolute {
369
+ position: absolute;
370
+ }
371
+
372
+ .fixed {
373
+ position: fixed;
374
+ }
375
+
376
+ .relative {
377
+ position: relative;
378
+ }
379
+
380
+ .sticky {
381
+ position: sticky;
382
+ }
383
+
384
+ .-top-2\.5 {
385
+ top: calc(var(--spacing) * -2.5);
386
+ }
387
+
388
+ .-top-8\.5 {
389
+ top: calc(var(--spacing) * -8.5);
390
+ }
391
+
392
+ .-top-27\.5 {
393
+ top: calc(var(--spacing) * -27.5);
394
+ }
395
+
396
+ .-top-30 {
397
+ top: calc(var(--spacing) * -30);
398
+ }
399
+
400
+ .-top-117\.5 {
401
+ top: calc(var(--spacing) * -117.5);
402
+ }
403
+
404
+ .top-0 {
405
+ top: calc(var(--spacing) * 0);
406
+ }
407
+
408
+ .top-1 {
409
+ top: calc(var(--spacing) * 1);
410
+ }
411
+
412
+ .top-1\/2 {
413
+ top: calc(1/2 * 100%);
414
+ }
415
+
416
+ .top-2\.5 {
417
+ top: calc(var(--spacing) * 2.5);
418
+ }
419
+
420
+ .top-3 {
421
+ top: calc(var(--spacing) * 3);
422
+ }
423
+
424
+ .top-4 {
425
+ top: calc(var(--spacing) * 4);
426
+ }
427
+
428
+ .top-4\.5 {
429
+ top: calc(var(--spacing) * 4.5);
430
+ }
431
+
432
+ .top-5 {
433
+ top: calc(var(--spacing) * 5);
434
+ }
435
+
436
+ .top-10 {
437
+ top: calc(var(--spacing) * 10);
438
+ }
439
+
440
+ .top-12 {
441
+ top: calc(var(--spacing) * 12);
442
+ }
443
+
444
+ .top-12\.5 {
445
+ top: calc(var(--spacing) * 12.5);
446
+ }
447
+
448
+ .top-14 {
449
+ top: calc(var(--spacing) * 14);
450
+ }
451
+
452
+ .top-\[-165px\] {
453
+ top: -165px;
454
+ }
455
+
456
+ .top-\[5px\] {
457
+ top: 5px;
458
+ }
459
+
460
+ .top-full {
461
+ top: 100%;
462
+ }
463
+
464
+ .-right-2\.5 {
465
+ right: calc(var(--spacing) * -2.5);
466
+ }
467
+
468
+ .-right-12 {
469
+ right: calc(var(--spacing) * -12);
470
+ }
471
+
472
+ .-right-84 {
473
+ right: calc(var(--spacing) * -84);
474
+ }
475
+
476
+ .right-0 {
477
+ right: calc(var(--spacing) * 0);
478
+ }
479
+
480
+ .right-1 {
481
+ right: calc(var(--spacing) * 1);
482
+ }
483
+
484
+ .right-2\.5 {
485
+ right: calc(var(--spacing) * 2.5);
486
+ }
487
+
488
+ .right-3 {
489
+ right: calc(var(--spacing) * 3);
490
+ }
491
+
492
+ .right-4 {
493
+ right: calc(var(--spacing) * 4);
494
+ }
495
+
496
+ .right-25 {
497
+ right: calc(var(--spacing) * 25);
498
+ }
499
+
500
+ .right-\[5px\] {
501
+ right: 5px;
502
+ }
503
+
504
+ .-bottom-\[19px\] {
505
+ bottom: calc(19px * -1);
506
+ }
507
+
508
+ .bottom-0 {
509
+ bottom: calc(var(--spacing) * 0);
510
+ }
511
+
512
+ .bottom-2\.5 {
513
+ bottom: calc(var(--spacing) * 2.5);
514
+ }
515
+
516
+ .bottom-3 {
517
+ bottom: calc(var(--spacing) * 3);
518
+ }
519
+
520
+ .bottom-4 {
521
+ bottom: calc(var(--spacing) * 4);
522
+ }
523
+
524
+ .bottom-7\.5 {
525
+ bottom: calc(var(--spacing) * 7.5);
526
+ }
527
+
528
+ .bottom-41\.5 {
529
+ bottom: calc(var(--spacing) * 41.5);
530
+ }
531
+
532
+ .-left-1 {
533
+ left: calc(var(--spacing) * -1);
534
+ }
535
+
536
+ .-left-2 {
537
+ left: calc(var(--spacing) * -2);
538
+ }
539
+
540
+ .-left-19 {
541
+ left: calc(var(--spacing) * -19);
542
+ }
543
+
544
+ .-left-30 {
545
+ left: calc(var(--spacing) * -30);
546
+ }
547
+
548
+ .left-0 {
549
+ left: calc(var(--spacing) * 0);
550
+ }
551
+
552
+ .left-1\/2 {
553
+ left: calc(1/2 * 100%);
554
+ }
555
+
556
+ .left-3 {
557
+ left: calc(var(--spacing) * 3);
558
+ }
559
+
560
+ .left-4 {
561
+ left: calc(var(--spacing) * 4);
562
+ }
563
+
564
+ .left-\[-20px\] {
565
+ left: -20px;
566
+ }
567
+
568
+ .left-\[50\%\] {
569
+ left: 50%;
570
+ }
571
+
572
+ .z-0 {
573
+ z-index: 0;
574
+ }
575
+
576
+ .z-1 {
577
+ z-index: 1;
578
+ }
579
+
580
+ .z-2 {
581
+ z-index: 2;
582
+ }
583
+
584
+ .z-3 {
585
+ z-index: 3;
586
+ }
587
+
588
+ .z-4 {
589
+ z-index: 4;
590
+ }
591
+
592
+ .z-5 {
593
+ z-index: 5;
594
+ }
595
+
596
+ .z-8 {
597
+ z-index: 8;
598
+ }
599
+
600
+ .z-9 {
601
+ z-index: 9;
602
+ }
603
+
604
+ .z-10 {
605
+ z-index: 10;
606
+ }
607
+
608
+ .z-99 {
609
+ z-index: 99;
610
+ }
611
+
612
+ .z-\[9999\] {
613
+ z-index: 9999;
614
+ }
615
+
616
+ .m-0 {
617
+ margin: calc(var(--spacing) * 0);
618
+ }
619
+
620
+ .m-5 {
621
+ margin: calc(var(--spacing) * 5);
622
+ }
623
+
624
+ .mx-auto {
625
+ margin-inline: auto;
626
+ }
627
+
628
+ .my-12\.5 {
629
+ margin-block: calc(var(--spacing) * 12.5);
630
+ }
631
+
632
+ .me-2 {
633
+ margin-inline-end: calc(var(--spacing) * 2);
634
+ }
635
+
636
+ .mt-0 {
637
+ margin-top: calc(var(--spacing) * 0);
638
+ }
639
+
640
+ .mt-1 {
641
+ margin-top: calc(var(--spacing) * 1);
642
+ }
643
+
644
+ .mt-2 {
645
+ margin-top: calc(var(--spacing) * 2);
646
+ }
647
+
648
+ .mt-2\.5 {
649
+ margin-top: calc(var(--spacing) * 2.5);
650
+ }
651
+
652
+ .mt-3 {
653
+ margin-top: calc(var(--spacing) * 3);
654
+ }
655
+
656
+ .mt-4 {
657
+ margin-top: calc(var(--spacing) * 4);
658
+ }
659
+
660
+ .mt-5 {
661
+ margin-top: calc(var(--spacing) * 5);
662
+ }
663
+
664
+ .mt-6 {
665
+ margin-top: calc(var(--spacing) * 6);
666
+ }
667
+
668
+ .mt-7 {
669
+ margin-top: calc(var(--spacing) * 7);
670
+ }
671
+
672
+ .mt-7\.5 {
673
+ margin-top: calc(var(--spacing) * 7.5);
674
+ }
675
+
676
+ .mt-8 {
677
+ margin-top: calc(var(--spacing) * 8);
678
+ }
679
+
680
+ .mt-10 {
681
+ margin-top: calc(var(--spacing) * 10);
682
+ }
683
+
684
+ .mt-15 {
685
+ margin-top: calc(var(--spacing) * 15);
686
+ }
687
+
688
+ .mt-20 {
689
+ margin-top: calc(var(--spacing) * 20);
690
+ }
691
+
692
+ .mt-\[6vh\] {
693
+ margin-top: 6vh;
694
+ }
695
+
696
+ .mt-\[25px\] {
697
+ margin-top: 25px;
698
+ }
699
+
700
+ .mt-\[30px\] {
701
+ margin-top: 30px;
702
+ }
703
+
704
+ .mt-auto {
705
+ margin-top: auto;
706
+ }
707
+
708
+ .mr-2\.5 {
709
+ margin-right: calc(var(--spacing) * 2.5);
710
+ }
711
+
712
+ .mb-1 {
713
+ margin-bottom: calc(var(--spacing) * 1);
714
+ }
715
+
716
+ .mb-1\.5 {
717
+ margin-bottom: calc(var(--spacing) * 1.5);
718
+ }
719
+
720
+ .mb-2 {
721
+ margin-bottom: calc(var(--spacing) * 2);
722
+ }
723
+
724
+ .mb-2\.5 {
725
+ margin-bottom: calc(var(--spacing) * 2.5);
726
+ }
727
+
728
+ .mb-3 {
729
+ margin-bottom: calc(var(--spacing) * 3);
730
+ }
731
+
732
+ .mb-4 {
733
+ margin-bottom: calc(var(--spacing) * 4);
734
+ }
735
+
736
+ .mb-5 {
737
+ margin-bottom: calc(var(--spacing) * 5);
738
+ }
739
+
740
+ .mb-7\.5 {
741
+ margin-bottom: calc(var(--spacing) * 7.5);
742
+ }
743
+
744
+ .-ml-6 {
745
+ margin-left: calc(var(--spacing) * -6);
746
+ }
747
+
748
+ .ml-2 {
749
+ margin-left: calc(var(--spacing) * 2);
750
+ }
751
+
752
+ .ml-4 {
753
+ margin-left: calc(var(--spacing) * 4);
754
+ }
755
+
756
+ .ml-auto {
757
+ margin-left: auto;
758
+ }
759
+
760
+ .box-border {
761
+ box-sizing: border-box;
762
+ }
763
+
764
+ .line-clamp-1 {
765
+ overflow: hidden;
766
+ display: -webkit-box;
767
+ -webkit-box-orient: vertical;
768
+ -webkit-line-clamp: 1;
769
+ }
770
+
771
+ .line-clamp-2 {
772
+ overflow: hidden;
773
+ display: -webkit-box;
774
+ -webkit-box-orient: vertical;
775
+ -webkit-line-clamp: 2;
776
+ }
777
+
778
+ .line-clamp-3 {
779
+ overflow: hidden;
780
+ display: -webkit-box;
781
+ -webkit-box-orient: vertical;
782
+ -webkit-line-clamp: 3;
783
+ }
784
+
785
+ .block {
786
+ display: block;
787
+ }
788
+
789
+ .flex {
790
+ display: flex;
791
+ }
792
+
793
+ .grid {
794
+ display: grid;
795
+ }
796
+
797
+ .hidden {
798
+ display: none;
799
+ }
800
+
801
+ .inline-block {
802
+ display: inline-block;
803
+ }
804
+
805
+ .table {
806
+ display: table;
807
+ }
808
+
809
+ .\!h-full {
810
+ height: 100% !important;
811
+ }
812
+
813
+ .h-1 {
814
+ height: calc(var(--spacing) * 1);
815
+ }
816
+
817
+ .h-1\.5 {
818
+ height: calc(var(--spacing) * 1.5);
819
+ }
820
+
821
+ .h-2 {
822
+ height: calc(var(--spacing) * 2);
823
+ }
824
+
825
+ .h-2\.5 {
826
+ height: calc(var(--spacing) * 2.5);
827
+ }
828
+
829
+ .h-3 {
830
+ height: calc(var(--spacing) * 3);
831
+ }
832
+
833
+ .h-4 {
834
+ height: calc(var(--spacing) * 4);
835
+ }
836
+
837
+ .h-5 {
838
+ height: calc(var(--spacing) * 5);
839
+ }
840
+
841
+ .h-6 {
842
+ height: calc(var(--spacing) * 6);
843
+ }
844
+
845
+ .h-7\.5 {
846
+ height: calc(var(--spacing) * 7.5);
847
+ }
848
+
849
+ .h-8 {
850
+ height: calc(var(--spacing) * 8);
851
+ }
852
+
853
+ .h-9 {
854
+ height: calc(var(--spacing) * 9);
855
+ }
856
+
857
+ .h-10 {
858
+ height: calc(var(--spacing) * 10);
859
+ }
860
+
861
+ .h-10\.5 {
862
+ height: calc(var(--spacing) * 10.5);
863
+ }
864
+
865
+ .h-12 {
866
+ height: calc(var(--spacing) * 12);
867
+ }
868
+
869
+ .h-12\.5 {
870
+ height: calc(var(--spacing) * 12.5);
871
+ }
872
+
873
+ .h-15 {
874
+ height: calc(var(--spacing) * 15);
875
+ }
876
+
877
+ .h-20 {
878
+ height: calc(var(--spacing) * 20);
879
+ }
880
+
881
+ .h-30 {
882
+ height: calc(var(--spacing) * 30);
883
+ }
884
+
885
+ .h-40 {
886
+ height: calc(var(--spacing) * 40);
887
+ }
888
+
889
+ .h-60 {
890
+ height: calc(var(--spacing) * 60);
891
+ }
892
+
893
+ .h-auto {
894
+ height: auto;
895
+ }
896
+
897
+ .h-full {
898
+ height: 100%;
899
+ }
900
+
901
+ .h-px {
902
+ height: 1px;
903
+ }
904
+
905
+ .h-screen {
906
+ height: 100vh;
907
+ }
908
+
909
+ .max-h-50 {
910
+ max-height: calc(var(--spacing) * 50);
911
+ }
912
+
913
+ .max-h-65\.5 {
914
+ max-height: calc(var(--spacing) * 65.5);
915
+ }
916
+
917
+ .max-h-100 {
918
+ max-height: calc(var(--spacing) * 100);
919
+ }
920
+
921
+ .min-h-17\.5 {
922
+ min-height: calc(var(--spacing) * 17.5);
923
+ }
924
+
925
+ .min-h-screen {
926
+ min-height: 100vh;
927
+ }
928
+
929
+ .w-2 {
930
+ width: calc(var(--spacing) * 2);
931
+ }
932
+
933
+ .w-2\.5 {
934
+ width: calc(var(--spacing) * 2.5);
935
+ }
936
+
937
+ .w-3 {
938
+ width: calc(var(--spacing) * 3);
939
+ }
940
+
941
+ .w-4 {
942
+ width: calc(var(--spacing) * 4);
943
+ }
944
+
945
+ .w-5 {
946
+ width: calc(var(--spacing) * 5);
947
+ }
948
+
949
+ .w-6 {
950
+ width: calc(var(--spacing) * 6);
951
+ }
952
+
953
+ .w-7\.5 {
954
+ width: calc(var(--spacing) * 7.5);
955
+ }
956
+
957
+ .w-8 {
958
+ width: calc(var(--spacing) * 8);
959
+ }
960
+
961
+ .w-9 {
962
+ width: calc(var(--spacing) * 9);
963
+ }
964
+
965
+ .w-10 {
966
+ width: calc(var(--spacing) * 10);
967
+ }
968
+
969
+ .w-10\.5 {
970
+ width: calc(var(--spacing) * 10.5);
971
+ }
972
+
973
+ .w-12 {
974
+ width: calc(var(--spacing) * 12);
975
+ }
976
+
977
+ .w-12\.5 {
978
+ width: calc(var(--spacing) * 12.5);
979
+ }
980
+
981
+ .w-15 {
982
+ width: calc(var(--spacing) * 15);
983
+ }
984
+
985
+ .w-19 {
986
+ width: calc(var(--spacing) * 19);
987
+ }
988
+
989
+ .w-30 {
990
+ width: calc(var(--spacing) * 30);
991
+ }
992
+
993
+ .w-32\.5 {
994
+ width: calc(var(--spacing) * 32.5);
995
+ }
996
+
997
+ .w-40 {
998
+ width: calc(var(--spacing) * 40);
999
+ }
1000
+
1001
+ .w-55 {
1002
+ width: calc(var(--spacing) * 55);
1003
+ }
1004
+
1005
+ .w-63 {
1006
+ width: calc(var(--spacing) * 63);
1007
+ }
1008
+
1009
+ .w-65 {
1010
+ width: calc(var(--spacing) * 65);
1011
+ }
1012
+
1013
+ .w-75 {
1014
+ width: calc(var(--spacing) * 75);
1015
+ }
1016
+
1017
+ .w-80 {
1018
+ width: calc(var(--spacing) * 80);
1019
+ }
1020
+
1021
+ .w-84 {
1022
+ width: calc(var(--spacing) * 84);
1023
+ }
1024
+
1025
+ .w-87\.5 {
1026
+ width: calc(var(--spacing) * 87.5);
1027
+ }
1028
+
1029
+ .w-\[90\%\] {
1030
+ width: 90%;
1031
+ }
1032
+
1033
+ .w-\[95\%\] {
1034
+ width: 95%;
1035
+ }
1036
+
1037
+ .w-full {
1038
+ width: 100%;
1039
+ }
1040
+
1041
+ .w-max {
1042
+ width: -moz-max-content;
1043
+ width: max-content;
1044
+ }
1045
+
1046
+ .max-w-9 {
1047
+ max-width: calc(var(--spacing) * 9);
1048
+ }
1049
+
1050
+ .max-w-71\.5 {
1051
+ max-width: calc(var(--spacing) * 71.5);
1052
+ }
1053
+
1054
+ .max-w-90 {
1055
+ max-width: calc(var(--spacing) * 90);
1056
+ }
1057
+
1058
+ .max-w-100 {
1059
+ max-width: calc(var(--spacing) * 100);
1060
+ }
1061
+
1062
+ .max-w-120 {
1063
+ max-width: calc(var(--spacing) * 120);
1064
+ }
1065
+
1066
+ .max-w-129 {
1067
+ max-width: calc(var(--spacing) * 129);
1068
+ }
1069
+
1070
+ .max-w-175 {
1071
+ max-width: calc(var(--spacing) * 175);
1072
+ }
1073
+
1074
+ .max-w-197\.5 {
1075
+ max-width: calc(var(--spacing) * 197.5);
1076
+ }
1077
+
1078
+ .max-w-200 {
1079
+ max-width: calc(var(--spacing) * 200);
1080
+ }
1081
+
1082
+ .max-w-210 {
1083
+ max-width: calc(var(--spacing) * 210);
1084
+ }
1085
+
1086
+ .max-w-245 {
1087
+ max-width: calc(var(--spacing) * 245);
1088
+ }
1089
+
1090
+ .max-w-\[70\%\] {
1091
+ max-width: 70%;
1092
+ }
1093
+
1094
+ .max-w-full {
1095
+ max-width: 100%;
1096
+ }
1097
+
1098
+ .min-w-0 {
1099
+ min-width: calc(var(--spacing) * 0);
1100
+ }
1101
+
1102
+ .min-w-30 {
1103
+ min-width: calc(var(--spacing) * 30);
1104
+ }
1105
+
1106
+ .min-w-35 {
1107
+ min-width: calc(var(--spacing) * 35);
1108
+ }
1109
+
1110
+ .min-w-40 {
1111
+ min-width: calc(var(--spacing) * 40);
1112
+ }
1113
+
1114
+ .min-w-65 {
1115
+ min-width: calc(var(--spacing) * 65);
1116
+ }
1117
+
1118
+ .min-w-75 {
1119
+ min-width: calc(var(--spacing) * 75);
1120
+ }
1121
+
1122
+ .min-w-fit {
1123
+ min-width: -moz-fit-content;
1124
+ min-width: fit-content;
1125
+ }
1126
+
1127
+ .flex-1 {
1128
+ flex: 1;
1129
+ }
1130
+
1131
+ .shrink-0 {
1132
+ flex-shrink: 0;
1133
+ }
1134
+
1135
+ .grow {
1136
+ flex-grow: 1;
1137
+ }
1138
+
1139
+ .-translate-x-1\/2 {
1140
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
1141
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1142
+ }
1143
+
1144
+ .-translate-x-\[50\%\] {
1145
+ --tw-translate-x: calc(50% * -1);
1146
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1147
+ }
1148
+
1149
+ .-translate-y-1\/2 {
1150
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
1151
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1152
+ }
1153
+
1154
+ .transform {
1155
+ transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
1156
+ }
1157
+
1158
+ .cursor-pointer {
1159
+ cursor: pointer;
1160
+ }
1161
+
1162
+ .cursor-text {
1163
+ cursor: text;
1164
+ }
1165
+
1166
+ .resize-none {
1167
+ resize: none;
1168
+ }
1169
+
1170
+ .list-none {
1171
+ list-style-type: none;
1172
+ }
1173
+
1174
+ .columns-2 {
1175
+ -moz-columns: 2;
1176
+ columns: 2;
1177
+ }
1178
+
1179
+ .grid-cols-1 {
1180
+ grid-template-columns: repeat(1, minmax(0, 1fr));
1181
+ }
1182
+
1183
+ .grid-cols-5 {
1184
+ grid-template-columns: repeat(5, minmax(0, 1fr));
1185
+ }
1186
+
1187
+ .flex-col {
1188
+ flex-direction: column;
1189
+ }
1190
+
1191
+ .flex-row {
1192
+ flex-direction: row;
1193
+ }
1194
+
1195
+ .flex-nowrap {
1196
+ flex-wrap: nowrap;
1197
+ }
1198
+
1199
+ .flex-wrap {
1200
+ flex-wrap: wrap;
1201
+ }
1202
+
1203
+ .items-center {
1204
+ align-items: center;
1205
+ }
1206
+
1207
+ .items-end {
1208
+ align-items: flex-end;
1209
+ }
1210
+
1211
+ .items-start {
1212
+ align-items: flex-start;
1213
+ }
1214
+
1215
+ .justify-between {
1216
+ justify-content: space-between;
1217
+ }
1218
+
1219
+ .justify-center {
1220
+ justify-content: center;
1221
+ }
1222
+
1223
+ .justify-end {
1224
+ justify-content: flex-end;
1225
+ }
1226
+
1227
+ .justify-start {
1228
+ justify-content: flex-start;
1229
+ }
1230
+
1231
+ .gap-0\.5 {
1232
+ gap: calc(var(--spacing) * 0.5);
1233
+ }
1234
+
1235
+ .gap-1 {
1236
+ gap: calc(var(--spacing) * 1);
1237
+ }
1238
+
1239
+ .gap-1\.5 {
1240
+ gap: calc(var(--spacing) * 1.5);
1241
+ }
1242
+
1243
+ .gap-2 {
1244
+ gap: calc(var(--spacing) * 2);
1245
+ }
1246
+
1247
+ .gap-2\.5 {
1248
+ gap: calc(var(--spacing) * 2.5);
1249
+ }
1250
+
1251
+ .gap-3 {
1252
+ gap: calc(var(--spacing) * 3);
1253
+ }
1254
+
1255
+ .gap-4 {
1256
+ gap: calc(var(--spacing) * 4);
1257
+ }
1258
+
1259
+ .gap-4\.5 {
1260
+ gap: calc(var(--spacing) * 4.5);
1261
+ }
1262
+
1263
+ .gap-5 {
1264
+ gap: calc(var(--spacing) * 5);
1265
+ }
1266
+
1267
+ .gap-6 {
1268
+ gap: calc(var(--spacing) * 6);
1269
+ }
1270
+
1271
+ .gap-7\.5 {
1272
+ gap: calc(var(--spacing) * 7.5);
1273
+ }
1274
+
1275
+ .gap-\[5px\] {
1276
+ gap: 5px;
1277
+ }
1278
+
1279
+ .space-y-4 {
1280
+ :where(& > :not(:last-child)) {
1281
+ --tw-space-y-reverse: 0;
1282
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
1283
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
1284
+ }
1285
+ }
1286
+
1287
+ .space-y-6 {
1288
+ :where(& > :not(:last-child)) {
1289
+ --tw-space-y-reverse: 0;
1290
+ margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
1291
+ margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
1292
+ }
1293
+ }
1294
+
1295
+ .gap-x-3 {
1296
+ -moz-column-gap: calc(var(--spacing) * 3);
1297
+ column-gap: calc(var(--spacing) * 3);
1298
+ }
1299
+
1300
+ .gap-x-4 {
1301
+ -moz-column-gap: calc(var(--spacing) * 4);
1302
+ column-gap: calc(var(--spacing) * 4);
1303
+ }
1304
+
1305
+ .gap-x-5 {
1306
+ -moz-column-gap: calc(var(--spacing) * 5);
1307
+ column-gap: calc(var(--spacing) * 5);
1308
+ }
1309
+
1310
+ .gap-y-3 {
1311
+ row-gap: calc(var(--spacing) * 3);
1312
+ }
1313
+
1314
+ .gap-y-10 {
1315
+ row-gap: calc(var(--spacing) * 10);
1316
+ }
1317
+
1318
+ .truncate {
1319
+ overflow: hidden;
1320
+ text-overflow: ellipsis;
1321
+ white-space: nowrap;
1322
+ }
1323
+
1324
+ .overflow-auto {
1325
+ overflow: auto;
1326
+ }
1327
+
1328
+ .overflow-hidden {
1329
+ overflow: hidden;
1330
+ }
1331
+
1332
+ .overflow-visible {
1333
+ overflow: visible;
1334
+ }
1335
+
1336
+ .overflow-x-hidden {
1337
+ overflow-x: hidden;
1338
+ }
1339
+
1340
+ .overflow-y-auto {
1341
+ overflow-y: auto;
1342
+ }
1343
+
1344
+ .rounded {
1345
+ border-radius: 0.25rem;
1346
+ }
1347
+
1348
+ .rounded-2xl {
1349
+ border-radius: var(--radius-2xl);
1350
+ }
1351
+
1352
+ .rounded-3xl {
1353
+ border-radius: var(--radius-3xl);
1354
+ }
1355
+
1356
+ .rounded-4xl {
1357
+ border-radius: var(--radius-4xl);
1358
+ }
1359
+
1360
+ .rounded-20 {
1361
+ border-radius: var(--radius-20);
1362
+ }
1363
+
1364
+ .rounded-\[50\%\] {
1365
+ border-radius: 50%;
1366
+ }
1367
+
1368
+ .rounded-full {
1369
+ border-radius: calc(infinity * 1px);
1370
+ }
1371
+
1372
+ .rounded-lg {
1373
+ border-radius: var(--radius-lg);
1374
+ }
1375
+
1376
+ .rounded-md {
1377
+ border-radius: var(--radius-md);
1378
+ }
1379
+
1380
+ .rounded-none {
1381
+ border-radius: 0;
1382
+ }
1383
+
1384
+ .rounded-sm {
1385
+ border-radius: var(--radius-sm);
1386
+ }
1387
+
1388
+ .rounded-xl {
1389
+ border-radius: var(--radius-xl);
1390
+ }
1391
+
1392
+ .rounded-t-xl {
1393
+ border-top-left-radius: var(--radius-xl);
1394
+ border-top-right-radius: var(--radius-xl);
1395
+ }
1396
+
1397
+ .rounded-tl-4xl {
1398
+ border-top-left-radius: var(--radius-4xl);
1399
+ }
1400
+
1401
+ .rounded-b-xl {
1402
+ border-bottom-right-radius: var(--radius-xl);
1403
+ border-bottom-left-radius: var(--radius-xl);
1404
+ }
1405
+
1406
+ .border {
1407
+ border-style: var(--tw-border-style);
1408
+ border-width: 1px;
1409
+ }
1410
+
1411
+ .border-0 {
1412
+ border-style: var(--tw-border-style);
1413
+ border-width: 0px;
1414
+ }
1415
+
1416
+ .border-t {
1417
+ border-top-style: var(--tw-border-style);
1418
+ border-top-width: 1px;
1419
+ }
1420
+
1421
+ .border-t-0 {
1422
+ border-top-style: var(--tw-border-style);
1423
+ border-top-width: 0px;
1424
+ }
1425
+
1426
+ .border-t-1 {
1427
+ border-top-style: var(--tw-border-style);
1428
+ border-top-width: 1px;
1429
+ }
1430
+
1431
+ .border-r {
1432
+ border-right-style: var(--tw-border-style);
1433
+ border-right-width: 1px;
1434
+ }
1435
+
1436
+ .border-b {
1437
+ border-bottom-style: var(--tw-border-style);
1438
+ border-bottom-width: 1px;
1439
+ }
1440
+
1441
+ .border-b-1 {
1442
+ border-bottom-style: var(--tw-border-style);
1443
+ border-bottom-width: 1px;
1444
+ }
1445
+
1446
+ .border-l {
1447
+ border-left-style: var(--tw-border-style);
1448
+ border-left-width: 1px;
1449
+ }
1450
+
1451
+ .border-l-4 {
1452
+ border-left-style: var(--tw-border-style);
1453
+ border-left-width: 4px;
1454
+ }
1455
+
1456
+ .border-l-\[6px\] {
1457
+ border-left-style: var(--tw-border-style);
1458
+ border-left-width: 6px;
1459
+ }
1460
+
1461
+ .border-dashed {
1462
+ --tw-border-style: dashed;
1463
+ border-style: dashed;
1464
+ }
1465
+
1466
+ .border-none {
1467
+ --tw-border-style: none;
1468
+ border-style: none;
1469
+ }
1470
+
1471
+ .border-solid {
1472
+ --tw-border-style: solid;
1473
+ border-style: solid;
1474
+ }
1475
+
1476
+ .border-apple-green {
1477
+ border-color: var(--color-apple-green);
1478
+ }
1479
+
1480
+ .border-charcoal-gray {
1481
+ border-color: var(--color-charcoal-gray);
1482
+ }
1483
+
1484
+ .border-concrete-gray {
1485
+ border-color: var(--color-concrete-gray);
1486
+ }
1487
+
1488
+ .border-cornflower-blue {
1489
+ border-color: var(--color-cornflower-blue);
1490
+ }
1491
+
1492
+ .border-dark-slate {
1493
+ border-color: var(--color-dark-slate);
1494
+ }
1495
+
1496
+ .border-gainsboro {
1497
+ border-color: var(--color-gainsboro);
1498
+ }
1499
+
1500
+ .border-jetblack {
1501
+ border-color: var(--color-jetblack);
1502
+ }
1503
+
1504
+ .border-pomegranate {
1505
+ border-color: var(--color-pomegranate);
1506
+ }
1507
+
1508
+ .border-slate-grey {
1509
+ border-color: var(--color-slate-grey);
1510
+ }
1511
+
1512
+ .border-transparent {
1513
+ border-color: transparent;
1514
+ }
1515
+
1516
+ .border-white {
1517
+ border-color: var(--color-white);
1518
+ }
1519
+
1520
+ .border-r-white\/10 {
1521
+ border-right-color: color-mix(in srgb, #fff 10%, transparent);
1522
+
1523
+ @supports (color: color-mix(in lab, red, red)) {
1524
+ border-right-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1525
+ }
1526
+ }
1527
+
1528
+ .border-l-deep-space {
1529
+ border-left-color: var(--color-deep-space);
1530
+ }
1531
+
1532
+ .border-l-white\/10 {
1533
+ border-left-color: color-mix(in srgb, #fff 10%, transparent);
1534
+
1535
+ @supports (color: color-mix(in lab, red, red)) {
1536
+ border-left-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1537
+ }
1538
+ }
1539
+
1540
+ .\!bg-transparent {
1541
+ background-color: transparent !important;
1542
+ }
1543
+
1544
+ .bg-\[\#ffffffcc\] {
1545
+ background-color: #ffffffcc;
1546
+ }
1547
+
1548
+ .bg-apple-green {
1549
+ background-color: var(--color-apple-green);
1550
+ }
1551
+
1552
+ .bg-black {
1553
+ background-color: var(--color-black);
1554
+ }
1555
+
1556
+ .bg-charcoal-blue {
1557
+ background-color: var(--color-charcoal-blue);
1558
+ }
1559
+
1560
+ .bg-charcoal-gray {
1561
+ background-color: var(--color-charcoal-gray);
1562
+ }
1563
+
1564
+ .bg-concrete-gray {
1565
+ background-color: var(--color-concrete-gray);
1566
+ }
1567
+
1568
+ .bg-cornflower-blue {
1569
+ background-color: var(--color-cornflower-blue);
1570
+ }
1571
+
1572
+ .bg-dark {
1573
+ background-color: var(--color-dark);
1574
+ }
1575
+
1576
+ .bg-dark-50 {
1577
+ background-color: var(--color-dark-50);
1578
+ }
1579
+
1580
+ .bg-dark-gray {
1581
+ background-color: var(--color-dark-gray);
1582
+ }
1583
+
1584
+ .bg-dark-grey {
1585
+ background-color: var(--color-dark-grey);
1586
+ }
1587
+
1588
+ .bg-dark-popup {
1589
+ background-color: var(--color-dark-popup);
1590
+ }
1591
+
1592
+ .bg-dark-slate {
1593
+ background-color: var(--color-dark-slate);
1594
+ }
1595
+
1596
+ .bg-dark-slate-transparent {
1597
+ background-color: var(--color-dark-slate-transparent);
1598
+ }
1599
+
1600
+ .bg-deep-space {
1601
+ background-color: var(--color-deep-space);
1602
+ }
1603
+
1604
+ .bg-jetblack {
1605
+ background-color: var(--color-jetblack);
1606
+ }
1607
+
1608
+ .bg-pomegranate {
1609
+ background-color: var(--color-pomegranate);
1610
+ }
1611
+
1612
+ .bg-slate-grey {
1613
+ background-color: var(--color-slate-grey);
1614
+ }
1615
+
1616
+ .bg-transparent {
1617
+ background-color: transparent;
1618
+ }
1619
+
1620
+ .bg-transparent-white {
1621
+ background-color: var(--color-transparent-white);
1622
+ }
1623
+
1624
+ .bg-white {
1625
+ background-color: var(--color-white);
1626
+ }
1627
+
1628
+ .bg-white-c {
1629
+ background-color: var(--color-white-c);
1630
+ }
1631
+
1632
+ .bg-white\/5 {
1633
+ background-color: color-mix(in srgb, #fff 5%, transparent);
1634
+
1635
+ @supports (color: color-mix(in lab, red, red)) {
1636
+ background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
1637
+ }
1638
+ }
1639
+
1640
+ .bg-gradient-to-t {
1641
+ --tw-gradient-position: to top in oklab;
1642
+ background-image: linear-gradient(var(--tw-gradient-stops));
1643
+ }
1644
+
1645
+ .bg-gradient-dark {
1646
+ background-image: var(--background-image-gradient-dark);
1647
+ }
1648
+
1649
+ .from-white\/10 {
1650
+ --tw-gradient-from: color-mix(in srgb, #fff 10%, transparent);
1651
+
1652
+ @supports (color: color-mix(in lab, red, red)) {
1653
+ --tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, transparent);
1654
+ }
1655
+
1656
+ --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));
1657
+ }
1658
+
1659
+ .to-white\/0 {
1660
+ --tw-gradient-to: color-mix(in srgb, #fff 0%, transparent);
1661
+
1662
+ @supports (color: color-mix(in lab, red, red)) {
1663
+ --tw-gradient-to: color-mix(in oklab, var(--color-white) 0%, transparent);
1664
+ }
1665
+
1666
+ --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));
1667
+ }
1668
+
1669
+ .bg-center {
1670
+ background-position: center;
1671
+ }
1672
+
1673
+ .bg-no-repeat {
1674
+ background-repeat: no-repeat;
1675
+ }
1676
+
1677
+ .object-cover {
1678
+ -o-object-fit: cover;
1679
+ object-fit: cover;
1680
+ }
1681
+
1682
+ .p-0 {
1683
+ padding: calc(var(--spacing) * 0);
1684
+ }
1685
+
1686
+ .p-1 {
1687
+ padding: calc(var(--spacing) * 1);
1688
+ }
1689
+
1690
+ .p-2 {
1691
+ padding: calc(var(--spacing) * 2);
1692
+ }
1693
+
1694
+ .p-2\.5 {
1695
+ padding: calc(var(--spacing) * 2.5);
1696
+ }
1697
+
1698
+ .p-3 {
1699
+ padding: calc(var(--spacing) * 3);
1700
+ }
1701
+
1702
+ .p-4 {
1703
+ padding: calc(var(--spacing) * 4);
1704
+ }
1705
+
1706
+ .p-5 {
1707
+ padding: calc(var(--spacing) * 5);
1708
+ }
1709
+
1710
+ .p-6 {
1711
+ padding: calc(var(--spacing) * 6);
1712
+ }
1713
+
1714
+ .px-0 {
1715
+ padding-inline: calc(var(--spacing) * 0);
1716
+ }
1717
+
1718
+ .px-2 {
1719
+ padding-inline: calc(var(--spacing) * 2);
1720
+ }
1721
+
1722
+ .px-2\.5 {
1723
+ padding-inline: calc(var(--spacing) * 2.5);
1724
+ }
1725
+
1726
+ .px-3 {
1727
+ padding-inline: calc(var(--spacing) * 3);
1728
+ }
1729
+
1730
+ .px-3\.5 {
1731
+ padding-inline: calc(var(--spacing) * 3.5);
1732
+ }
1733
+
1734
+ .px-4 {
1735
+ padding-inline: calc(var(--spacing) * 4);
1736
+ }
1737
+
1738
+ .px-5 {
1739
+ padding-inline: calc(var(--spacing) * 5);
1740
+ }
1741
+
1742
+ .px-6 {
1743
+ padding-inline: calc(var(--spacing) * 6);
1744
+ }
1745
+
1746
+ .px-8 {
1747
+ padding-inline: calc(var(--spacing) * 8);
1748
+ }
1749
+
1750
+ .px-18 {
1751
+ padding-inline: calc(var(--spacing) * 18);
1752
+ }
1753
+
1754
+ .px-20 {
1755
+ padding-inline: calc(var(--spacing) * 20);
1756
+ }
1757
+
1758
+ .px-\[70px\] {
1759
+ padding-inline: 70px;
1760
+ }
1761
+
1762
+ .py-0\.5 {
1763
+ padding-block: calc(var(--spacing) * 0.5);
1764
+ }
1765
+
1766
+ .py-1 {
1767
+ padding-block: calc(var(--spacing) * 1);
1768
+ }
1769
+
1770
+ .py-1\.5 {
1771
+ padding-block: calc(var(--spacing) * 1.5);
1772
+ }
1773
+
1774
+ .py-2 {
1775
+ padding-block: calc(var(--spacing) * 2);
1776
+ }
1777
+
1778
+ .py-2\.5 {
1779
+ padding-block: calc(var(--spacing) * 2.5);
1780
+ }
1781
+
1782
+ .py-3 {
1783
+ padding-block: calc(var(--spacing) * 3);
1784
+ }
1785
+
1786
+ .py-3\.5 {
1787
+ padding-block: calc(var(--spacing) * 3.5);
1788
+ }
1789
+
1790
+ .py-4 {
1791
+ padding-block: calc(var(--spacing) * 4);
1792
+ }
1793
+
1794
+ .py-5 {
1795
+ padding-block: calc(var(--spacing) * 5);
1796
+ }
1797
+
1798
+ .py-6 {
1799
+ padding-block: calc(var(--spacing) * 6);
1800
+ }
1801
+
1802
+ .py-20 {
1803
+ padding-block: calc(var(--spacing) * 20);
1804
+ }
1805
+
1806
+ .pt-1 {
1807
+ padding-top: calc(var(--spacing) * 1);
1808
+ }
1809
+
1810
+ .pt-2\.5 {
1811
+ padding-top: calc(var(--spacing) * 2.5);
1812
+ }
1813
+
1814
+ .pt-3 {
1815
+ padding-top: calc(var(--spacing) * 3);
1816
+ }
1817
+
1818
+ .pt-3\.5 {
1819
+ padding-top: calc(var(--spacing) * 3.5);
1820
+ }
1821
+
1822
+ .pt-4 {
1823
+ padding-top: calc(var(--spacing) * 4);
1824
+ }
1825
+
1826
+ .pt-5 {
1827
+ padding-top: calc(var(--spacing) * 5);
1828
+ }
1829
+
1830
+ .pt-10 {
1831
+ padding-top: calc(var(--spacing) * 10);
1832
+ }
1833
+
1834
+ .pt-14 {
1835
+ padding-top: calc(var(--spacing) * 14);
1836
+ }
1837
+
1838
+ .pt-20 {
1839
+ padding-top: calc(var(--spacing) * 20);
1840
+ }
1841
+
1842
+ .pr-2 {
1843
+ padding-right: calc(var(--spacing) * 2);
1844
+ }
1845
+
1846
+ .pr-3 {
1847
+ padding-right: calc(var(--spacing) * 3);
1848
+ }
1849
+
1850
+ .pr-4 {
1851
+ padding-right: calc(var(--spacing) * 4);
1852
+ }
1853
+
1854
+ .pr-6 {
1855
+ padding-right: calc(var(--spacing) * 6);
1856
+ }
1857
+
1858
+ .pr-7\.5 {
1859
+ padding-right: calc(var(--spacing) * 7.5);
1860
+ }
1861
+
1862
+ .pr-10 {
1863
+ padding-right: calc(var(--spacing) * 10);
1864
+ }
1865
+
1866
+ .pr-12 {
1867
+ padding-right: calc(var(--spacing) * 12);
1868
+ }
1869
+
1870
+ .pr-22\.5 {
1871
+ padding-right: calc(var(--spacing) * 22.5);
1872
+ }
1873
+
1874
+ .pb-2 {
1875
+ padding-bottom: calc(var(--spacing) * 2);
1876
+ }
1877
+
1878
+ .pb-2\.5 {
1879
+ padding-bottom: calc(var(--spacing) * 2.5);
1880
+ }
1881
+
1882
+ .pb-3 {
1883
+ padding-bottom: calc(var(--spacing) * 3);
1884
+ }
1885
+
1886
+ .pb-4 {
1887
+ padding-bottom: calc(var(--spacing) * 4);
1888
+ }
1889
+
1890
+ .pb-5 {
1891
+ padding-bottom: calc(var(--spacing) * 5);
1892
+ }
1893
+
1894
+ .pb-20 {
1895
+ padding-bottom: calc(var(--spacing) * 20);
1896
+ }
1897
+
1898
+ .pb-37\.5 {
1899
+ padding-bottom: calc(var(--spacing) * 37.5);
1900
+ }
1901
+
1902
+ .pl-2 {
1903
+ padding-left: calc(var(--spacing) * 2);
1904
+ }
1905
+
1906
+ .pl-3 {
1907
+ padding-left: calc(var(--spacing) * 3);
1908
+ }
1909
+
1910
+ .pl-4 {
1911
+ padding-left: calc(var(--spacing) * 4);
1912
+ }
1913
+
1914
+ .pl-5 {
1915
+ padding-left: calc(var(--spacing) * 5);
1916
+ }
1917
+
1918
+ .pl-6 {
1919
+ padding-left: calc(var(--spacing) * 6);
1920
+ }
1921
+
1922
+ .pl-7 {
1923
+ padding-left: calc(var(--spacing) * 7);
1924
+ }
1925
+
1926
+ .pl-8 {
1927
+ padding-left: calc(var(--spacing) * 8);
1928
+ }
1929
+
1930
+ .pl-10 {
1931
+ padding-left: calc(var(--spacing) * 10);
1932
+ }
1933
+
1934
+ .pl-10\.5 {
1935
+ padding-left: calc(var(--spacing) * 10.5);
1936
+ }
1937
+
1938
+ .pl-20 {
1939
+ padding-left: calc(var(--spacing) * 20);
1940
+ }
1941
+
1942
+ .text-center {
1943
+ text-align: center;
1944
+ }
1945
+
1946
+ .text-left {
1947
+ text-align: left;
1948
+ }
1949
+
1950
+ .text-2xl {
1951
+ font-size: var(--text-2xl);
1952
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
1953
+ }
1954
+
1955
+ .text-base {
1956
+ font-size: var(--text-base);
1957
+ line-height: var(--tw-leading, var(--text-base--line-height));
1958
+ }
1959
+
1960
+ .text-lg {
1961
+ font-size: var(--text-lg);
1962
+ line-height: var(--tw-leading, var(--text-lg--line-height));
1963
+ }
1964
+
1965
+ .text-sm {
1966
+ font-size: var(--text-sm);
1967
+ line-height: var(--tw-leading, var(--text-sm--line-height));
1968
+ }
1969
+
1970
+ .text-xl {
1971
+ font-size: var(--text-xl);
1972
+ line-height: var(--tw-leading, var(--text-xl--line-height));
1973
+ }
1974
+
1975
+ .text-xs {
1976
+ font-size: var(--text-xs);
1977
+ line-height: var(--tw-leading, var(--text-xs--line-height));
1978
+ }
1979
+
1980
+ .text-28 {
1981
+ font-size: var(--text-28);
1982
+ }
1983
+
1984
+ .text-40 {
1985
+ font-size: var(--text-40);
1986
+ }
1987
+
1988
+ .leading-28 {
1989
+ --tw-leading: var(--leading-28);
1990
+ line-height: var(--leading-28);
1991
+ }
1992
+
1993
+ .leading-40 {
1994
+ --tw-leading: var(--leading-40);
1995
+ line-height: var(--leading-40);
1996
+ }
1997
+
1998
+ .leading-\[150\%\] {
1999
+ --tw-leading: 150%;
2000
+ line-height: 150%;
2001
+ }
2002
+
2003
+ .leading-tight {
2004
+ --tw-leading: var(--leading-tight);
2005
+ line-height: var(--leading-tight);
2006
+ }
2007
+
2008
+ .font-light {
2009
+ --tw-font-weight: var(--font-weight-light);
2010
+ font-weight: var(--font-weight-light);
2011
+ }
2012
+
2013
+ .font-medium {
2014
+ --tw-font-weight: var(--font-weight-medium);
2015
+ font-weight: var(--font-weight-medium);
2016
+ }
2017
+
2018
+ .font-normal {
2019
+ --tw-font-weight: var(--font-weight-normal);
2020
+ font-weight: var(--font-weight-normal);
2021
+ }
2022
+
2023
+ .font-semibold {
2024
+ --tw-font-weight: var(--font-weight-semibold);
2025
+ font-weight: var(--font-weight-semibold);
2026
+ }
2027
+
2028
+ .break-keep {
2029
+ word-break: keep-all;
2030
+ }
2031
+
2032
+ .text-ellipsis {
2033
+ text-overflow: ellipsis;
2034
+ }
2035
+
2036
+ .whitespace-normal {
2037
+ white-space: normal;
2038
+ }
2039
+
2040
+ .whitespace-nowrap {
2041
+ white-space: nowrap;
2042
+ }
2043
+
2044
+ .text-\[\#3764FC\] {
2045
+ color: #3764FC;
2046
+ }
2047
+
2048
+ .text-black {
2049
+ color: var(--color-black);
2050
+ }
2051
+
2052
+ .text-black-c {
2053
+ color: var(--color-black-c);
2054
+ }
2055
+
2056
+ .text-concrete-gray {
2057
+ color: var(--color-concrete-gray);
2058
+ }
2059
+
2060
+ .text-cool-gray {
2061
+ color: var(--color-cool-gray);
2062
+ }
2063
+
2064
+ .text-dark-charcoal {
2065
+ color: var(--color-dark-charcoal);
2066
+ }
2067
+
2068
+ .text-dark-gray {
2069
+ color: var(--color-dark-gray);
2070
+ }
2071
+
2072
+ .text-light-gray {
2073
+ color: var(--color-light-gray);
2074
+ }
2075
+
2076
+ .text-owl-black {
2077
+ color: var(--color-owl-black);
2078
+ }
2079
+
2080
+ .text-red-600 {
2081
+ color: var(--color-red-600);
2082
+ }
2083
+
2084
+ .text-silver {
2085
+ color: var(--color-silver);
2086
+ }
2087
+
2088
+ .text-white {
2089
+ color: var(--color-white);
2090
+ }
2091
+
2092
+ .text-white-60 {
2093
+ color: var(--color-white-60);
2094
+ }
2095
+
2096
+ .text-white-c {
2097
+ color: var(--color-white-c);
2098
+ }
2099
+
2100
+ .not-italic {
2101
+ font-style: normal;
2102
+ }
2103
+
2104
+ .underline {
2105
+ text-decoration-line: underline;
2106
+ }
2107
+
2108
+ .opacity-0 {
2109
+ opacity: 0%;
2110
+ }
2111
+
2112
+ .shadow-elevated {
2113
+ --tw-shadow: 0px 6px 30px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.08));
2114
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2115
+ }
2116
+
2117
+ .shadow-lg {
2118
+ --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));
2119
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2120
+ }
2121
+
2122
+ .shadow-subpop {
2123
+ --tw-shadow: 0px 4px 16px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.16));
2124
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2125
+ }
2126
+
2127
+ .backdrop-blur-lg {
2128
+ --tw-backdrop-blur: blur(var(--blur-lg));
2129
+ 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, );
2130
+ }
2131
+
2132
+ .backdrop-sepia-2 {
2133
+ --tw-backdrop-sepia: sepia(2%);
2134
+ 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, );
2135
+ }
2136
+
2137
+ .transition-all {
2138
+ transition-property: all;
2139
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2140
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2141
+ }
2142
+
2143
+ .transition-colors {
2144
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2145
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2146
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2147
+ }
2148
+
2149
+ .transition-opacity {
2150
+ transition-property: opacity;
2151
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2152
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2153
+ }
2154
+
2155
+ .delay-\[0\.5s\] {
2156
+ transition-delay: 0.5s;
2157
+ }
2158
+
2159
+ .duration-200 {
2160
+ --tw-duration: 200ms;
2161
+ transition-duration: 200ms;
2162
+ }
2163
+
2164
+ .duration-300 {
2165
+ --tw-duration: 300ms;
2166
+ transition-duration: 300ms;
2167
+ }
2168
+
2169
+ .duration-400 {
2170
+ --tw-duration: 400ms;
2171
+ transition-duration: 400ms;
2172
+ }
2173
+
2174
+ .duration-500 {
2175
+ --tw-duration: 500ms;
2176
+ transition-duration: 500ms;
2177
+ }
2178
+
2179
+ .duration-\[0\.15s\] {
2180
+ --tw-duration: 0.15s;
2181
+ transition-duration: 0.15s;
2182
+ }
2183
+
2184
+ .ease-in-out {
2185
+ --tw-ease: var(--ease-in-out);
2186
+ transition-timing-function: var(--ease-in-out);
2187
+ }
2188
+
2189
+ .ease-linear {
2190
+ --tw-ease: linear;
2191
+ transition-timing-function: linear;
2192
+ }
2193
+
2194
+ .ease-out {
2195
+ --tw-ease: var(--ease-out);
2196
+ transition-timing-function: var(--ease-out);
2197
+ }
2198
+
2199
+ .outline-none {
2200
+ --tw-outline-style: none;
2201
+ outline-style: none;
2202
+ }
2203
+
2204
+ .\[column-fill\:_balance\] {
2205
+ -moz-column-fill: balance;
2206
+ column-fill: balance;
2207
+ }
2208
+
2209
+ .group-hover\:visible {
2210
+ &:is(:where(.group):hover *) {
2211
+ @media (hover: hover) {
2212
+ visibility: visible;
2213
+ }
2214
+ }
2215
+ }
2216
+
2217
+ .group-hover\:scale-110 {
2218
+ &:is(:where(.group):hover *) {
2219
+ @media (hover: hover) {
2220
+ --tw-scale-x: 110%;
2221
+ --tw-scale-y: 110%;
2222
+ --tw-scale-z: 110%;
2223
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2224
+ }
2225
+ }
2226
+ }
2227
+
2228
+ .group-hover\:bg-charcoal-gray {
2229
+ &:is(:where(.group):hover *) {
2230
+ @media (hover: hover) {
2231
+ background-color: var(--color-charcoal-gray);
2232
+ }
2233
+ }
2234
+ }
2235
+
2236
+ .group-hover\:opacity-100 {
2237
+ &:is(:where(.group):hover *) {
2238
+ @media (hover: hover) {
2239
+ opacity: 100%;
2240
+ }
2241
+ }
2242
+ }
2243
+
2244
+ .placeholder\:text-sm {
2245
+ &::-moz-placeholder {
2246
+ font-size: var(--text-sm);
2247
+ line-height: var(--tw-leading, var(--text-sm--line-height));
2248
+ }
2249
+
2250
+ &::placeholder {
2251
+ font-size: var(--text-sm);
2252
+ line-height: var(--tw-leading, var(--text-sm--line-height));
2253
+ }
2254
+ }
2255
+
2256
+ .placeholder\:text-concrete-gray {
2257
+ &::-moz-placeholder {
2258
+ color: var(--color-concrete-gray);
2259
+ }
2260
+
2261
+ &::placeholder {
2262
+ color: var(--color-concrete-gray);
2263
+ }
2264
+ }
2265
+
2266
+ .placeholder\:text-dark-gray {
2267
+ &::-moz-placeholder {
2268
+ color: var(--color-dark-gray);
2269
+ }
2270
+
2271
+ &::placeholder {
2272
+ color: var(--color-dark-gray);
2273
+ }
2274
+ }
2275
+
2276
+ .placeholder\:text-light-gray {
2277
+ &::-moz-placeholder {
2278
+ color: var(--color-light-gray);
2279
+ }
2280
+
2281
+ &::placeholder {
2282
+ color: var(--color-light-gray);
2283
+ }
2284
+ }
2285
+
2286
+ .placeholder\:text-light-gray\/50 {
2287
+ &::-moz-placeholder {
2288
+ color: color-mix(in srgb, #b5b5b5 50%, transparent);
2289
+
2290
+ @supports (color: color-mix(in lab, red, red)) {
2291
+ color: color-mix(in oklab, var(--color-light-gray) 50%, transparent);
2292
+ }
2293
+ }
2294
+
2295
+ &::placeholder {
2296
+ color: color-mix(in srgb, #b5b5b5 50%, transparent);
2297
+
2298
+ @supports (color: color-mix(in lab, red, red)) {
2299
+ color: color-mix(in oklab, var(--color-light-gray) 50%, transparent);
2300
+ }
2301
+ }
2302
+ }
2303
+
2304
+ .before\:pointer-events-none {
2305
+ &::before {
2306
+ content: var(--tw-content);
2307
+ pointer-events: none;
2308
+ }
2309
+ }
2310
+
2311
+ .before\:invisible {
2312
+ &::before {
2313
+ content: var(--tw-content);
2314
+ visibility: hidden;
2315
+ }
2316
+ }
2317
+
2318
+ .before\:absolute {
2319
+ &::before {
2320
+ content: var(--tw-content);
2321
+ position: absolute;
2322
+ }
2323
+ }
2324
+
2325
+ .before\:inset-0 {
2326
+ &::before {
2327
+ content: var(--tw-content);
2328
+ inset: calc(var(--spacing) * 0);
2329
+ }
2330
+ }
2331
+
2332
+ .before\:top-1\/2 {
2333
+ &::before {
2334
+ content: var(--tw-content);
2335
+ top: calc(1/2 * 100%);
2336
+ }
2337
+ }
2338
+
2339
+ .before\:top-2\.5 {
2340
+ &::before {
2341
+ content: var(--tw-content);
2342
+ top: calc(var(--spacing) * 2.5);
2343
+ }
2344
+ }
2345
+
2346
+ .before\:right-full {
2347
+ &::before {
2348
+ content: var(--tw-content);
2349
+ right: 100%;
2350
+ }
2351
+ }
2352
+
2353
+ .before\:bottom-\[-9px\] {
2354
+ &::before {
2355
+ content: var(--tw-content);
2356
+ bottom: -9px;
2357
+ }
2358
+ }
2359
+
2360
+ .before\:-left-26 {
2361
+ &::before {
2362
+ content: var(--tw-content);
2363
+ left: calc(var(--spacing) * -26);
2364
+ }
2365
+ }
2366
+
2367
+ .before\:left-0 {
2368
+ &::before {
2369
+ content: var(--tw-content);
2370
+ left: calc(var(--spacing) * 0);
2371
+ }
2372
+ }
2373
+
2374
+ .before\:z-1 {
2375
+ &::before {
2376
+ content: var(--tw-content);
2377
+ z-index: 1;
2378
+ }
2379
+ }
2380
+
2381
+ .before\:z-2 {
2382
+ &::before {
2383
+ content: var(--tw-content);
2384
+ z-index: 2;
2385
+ }
2386
+ }
2387
+
2388
+ .before\:z-\[-1\] {
2389
+ &::before {
2390
+ content: var(--tw-content);
2391
+ z-index: -1;
2392
+ }
2393
+ }
2394
+
2395
+ .before\:h-0\.5 {
2396
+ &::before {
2397
+ content: var(--tw-content);
2398
+ height: calc(var(--spacing) * 0.5);
2399
+ }
2400
+ }
2401
+
2402
+ .before\:h-5 {
2403
+ &::before {
2404
+ content: var(--tw-content);
2405
+ height: calc(var(--spacing) * 5);
2406
+ }
2407
+ }
2408
+
2409
+ .before\:h-\[1px\] {
2410
+ &::before {
2411
+ content: var(--tw-content);
2412
+ height: 1px;
2413
+ }
2414
+ }
2415
+
2416
+ .before\:w-5 {
2417
+ &::before {
2418
+ content: var(--tw-content);
2419
+ width: calc(var(--spacing) * 5);
2420
+ }
2421
+ }
2422
+
2423
+ .before\:w-21 {
2424
+ &::before {
2425
+ content: var(--tw-content);
2426
+ width: calc(var(--spacing) * 21);
2427
+ }
2428
+ }
2429
+
2430
+ .before\:-translate-y-1\/2 {
2431
+ &::before {
2432
+ content: var(--tw-content);
2433
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
2434
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2435
+ }
2436
+ }
2437
+
2438
+ .before\:rounded {
2439
+ &::before {
2440
+ content: var(--tw-content);
2441
+ border-radius: 0.25rem;
2442
+ }
2443
+ }
2444
+
2445
+ .before\:rounded-sm {
2446
+ &::before {
2447
+ content: var(--tw-content);
2448
+ border-radius: var(--radius-sm);
2449
+ }
2450
+ }
2451
+
2452
+ .before\:border {
2453
+ &::before {
2454
+ content: var(--tw-content);
2455
+ border-style: var(--tw-border-style);
2456
+ border-width: 1px;
2457
+ }
2458
+ }
2459
+
2460
+ .before\:border-gray-500 {
2461
+ &::before {
2462
+ content: var(--tw-content);
2463
+ border-color: var(--color-gray-500);
2464
+ }
2465
+ }
2466
+
2467
+ .before\:bg-\[\#00000099\] {
2468
+ &::before {
2469
+ content: var(--tw-content);
2470
+ background-color: #00000099;
2471
+ }
2472
+ }
2473
+
2474
+ .before\:bg-dark-popup {
2475
+ &::before {
2476
+ content: var(--tw-content);
2477
+ background-color: var(--color-dark-popup);
2478
+ }
2479
+ }
2480
+
2481
+ .before\:bg-white {
2482
+ &::before {
2483
+ content: var(--tw-content);
2484
+ background-color: var(--color-white);
2485
+ }
2486
+ }
2487
+
2488
+ .before\:opacity-0 {
2489
+ &::before {
2490
+ content: var(--tw-content);
2491
+ opacity: 0%;
2492
+ }
2493
+ }
2494
+
2495
+ .before\:transition-\[right\] {
2496
+ &::before {
2497
+ content: var(--tw-content);
2498
+ transition-property: right;
2499
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2500
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2501
+ }
2502
+ }
2503
+
2504
+ .before\:transition-all {
2505
+ &::before {
2506
+ content: var(--tw-content);
2507
+ transition-property: all;
2508
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2509
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2510
+ }
2511
+ }
2512
+
2513
+ .before\:duration-300 {
2514
+ &::before {
2515
+ content: var(--tw-content);
2516
+ --tw-duration: 300ms;
2517
+ transition-duration: 300ms;
2518
+ }
2519
+ }
2520
+
2521
+ .before\:duration-500 {
2522
+ &::before {
2523
+ content: var(--tw-content);
2524
+ --tw-duration: 500ms;
2525
+ transition-duration: 500ms;
2526
+ }
2527
+ }
2528
+
2529
+ .before\:ease-out {
2530
+ &::before {
2531
+ content: var(--tw-content);
2532
+ --tw-ease: var(--ease-out);
2533
+ transition-timing-function: var(--ease-out);
2534
+ }
2535
+ }
2536
+
2537
+ .before\:content-\[\'\'\] {
2538
+ &::before {
2539
+ --tw-content: '';
2540
+ content: var(--tw-content);
2541
+ }
2542
+ }
2543
+
2544
+ .group-hover\:before\:visible {
2545
+ &:is(:where(.group):hover *) {
2546
+ @media (hover: hover) {
2547
+ &::before {
2548
+ content: var(--tw-content);
2549
+ visibility: visible;
2550
+ }
2551
+ }
2552
+ }
2553
+ }
2554
+
2555
+ .group-hover\:before\:opacity-100 {
2556
+ &:is(:where(.group):hover *) {
2557
+ @media (hover: hover) {
2558
+ &::before {
2559
+ content: var(--tw-content);
2560
+ opacity: 100%;
2561
+ }
2562
+ }
2563
+ }
2564
+ }
2565
+
2566
+ .peer-checked\:before\:bg-dark {
2567
+ &:is(:where(.peer):checked ~ *) {
2568
+ &::before {
2569
+ content: var(--tw-content);
2570
+ background-color: var(--color-dark);
2571
+ }
2572
+ }
2573
+ }
2574
+
2575
+ .after\:absolute {
2576
+ &::after {
2577
+ content: var(--tw-content);
2578
+ position: absolute;
2579
+ }
2580
+ }
2581
+
2582
+ .after\:top-0\.5 {
2583
+ &::after {
2584
+ content: var(--tw-content);
2585
+ top: calc(var(--spacing) * 0.5);
2586
+ }
2587
+ }
2588
+
2589
+ .after\:top-2\.5 {
2590
+ &::after {
2591
+ content: var(--tw-content);
2592
+ top: calc(var(--spacing) * 2.5);
2593
+ }
2594
+ }
2595
+
2596
+ .after\:-right-26 {
2597
+ &::after {
2598
+ content: var(--tw-content);
2599
+ right: calc(var(--spacing) * -26);
2600
+ }
2601
+ }
2602
+
2603
+ .after\:right-\[-10px\] {
2604
+ &::after {
2605
+ content: var(--tw-content);
2606
+ right: -10px;
2607
+ }
2608
+ }
2609
+
2610
+ .after\:h-0\.5 {
2611
+ &::after {
2612
+ content: var(--tw-content);
2613
+ height: calc(var(--spacing) * 0.5);
2614
+ }
2615
+ }
2616
+
2617
+ .after\:h-3 {
2618
+ &::after {
2619
+ content: var(--tw-content);
2620
+ height: calc(var(--spacing) * 3);
2621
+ }
2622
+ }
2623
+
2624
+ .after\:w-0\.5 {
2625
+ &::after {
2626
+ content: var(--tw-content);
2627
+ width: calc(var(--spacing) * 0.5);
2628
+ }
2629
+ }
2630
+
2631
+ .after\:w-21 {
2632
+ &::after {
2633
+ content: var(--tw-content);
2634
+ width: calc(var(--spacing) * 21);
2635
+ }
2636
+ }
2637
+
2638
+ .after\:bg-concrete-gray {
2639
+ &::after {
2640
+ content: var(--tw-content);
2641
+ background-color: var(--color-concrete-gray);
2642
+ }
2643
+ }
2644
+
2645
+ .after\:content-\[\'\'\] {
2646
+ &::after {
2647
+ --tw-content: '';
2648
+ content: var(--tw-content);
2649
+ }
2650
+ }
2651
+
2652
+ .hover\:bg-\[\#e6e6e6\] {
2653
+ &:hover {
2654
+ @media (hover: hover) {
2655
+ background-color: #e6e6e6;
2656
+ }
2657
+ }
2658
+ }
2659
+
2660
+ .hover\:bg-black {
2661
+ &:hover {
2662
+ @media (hover: hover) {
2663
+ background-color: var(--color-black);
2664
+ }
2665
+ }
2666
+ }
2667
+
2668
+ .hover\:bg-charcoal-gray {
2669
+ &:hover {
2670
+ @media (hover: hover) {
2671
+ background-color: var(--color-charcoal-gray);
2672
+ }
2673
+ }
2674
+ }
2675
+
2676
+ .hover\:bg-dark-slate {
2677
+ &:hover {
2678
+ @media (hover: hover) {
2679
+ background-color: var(--color-dark-slate);
2680
+ }
2681
+ }
2682
+ }
2683
+
2684
+ .hover\:bg-deep-space {
2685
+ &:hover {
2686
+ @media (hover: hover) {
2687
+ background-color: var(--color-deep-space);
2688
+ }
2689
+ }
2690
+ }
2691
+
2692
+ .hover\:bg-gray-200 {
2693
+ &:hover {
2694
+ @media (hover: hover) {
2695
+ background-color: var(--color-gray-200);
2696
+ }
2697
+ }
2698
+ }
2699
+
2700
+ .hover\:bg-ultra-light-gray {
2701
+ &:hover {
2702
+ @media (hover: hover) {
2703
+ background-color: var(--color-ultra-light-gray);
2704
+ }
2705
+ }
2706
+ }
2707
+
2708
+ .hover\:bg-white {
2709
+ &:hover {
2710
+ @media (hover: hover) {
2711
+ background-color: var(--color-white);
2712
+ }
2713
+ }
2714
+ }
2715
+
2716
+ .hover\:text-dark {
2717
+ &:hover {
2718
+ @media (hover: hover) {
2719
+ color: var(--color-dark);
2720
+ }
2721
+ }
2722
+ }
2723
+
2724
+ .hover\:text-white {
2725
+ &:hover {
2726
+ @media (hover: hover) {
2727
+ color: var(--color-white);
2728
+ }
2729
+ }
2730
+ }
2731
+
2732
+ .hover\:underline {
2733
+ &:hover {
2734
+ @media (hover: hover) {
2735
+ text-decoration-line: underline;
2736
+ }
2737
+ }
2738
+ }
2739
+
2740
+ .hover\:opacity-80 {
2741
+ &:hover {
2742
+ @media (hover: hover) {
2743
+ opacity: 80%;
2744
+ }
2745
+ }
2746
+ }
2747
+
2748
+ .hover\:before\:right-0 {
2749
+ &:hover {
2750
+ @media (hover: hover) {
2751
+ &::before {
2752
+ content: var(--tw-content);
2753
+ right: calc(var(--spacing) * 0);
2754
+ }
2755
+ }
2756
+ }
2757
+ }
2758
+
2759
+ .hover\:before\:bg-light-gray {
2760
+ &:hover {
2761
+ @media (hover: hover) {
2762
+ &::before {
2763
+ content: var(--tw-content);
2764
+ background-color: var(--color-light-gray);
2765
+ }
2766
+ }
2767
+ }
2768
+ }
2769
+
2770
+ .md\:mt-\[9vh\] {
2771
+ @media (width >=48rem) {
2772
+ margin-top: 9vh;
2773
+ }
2774
+ }
2775
+
2776
+ .md\:flex {
2777
+ @media (width >=48rem) {
2778
+ display: flex;
2779
+ }
2780
+ }
2781
+
2782
+ .md\:max-w-190 {
2783
+ @media (width >=48rem) {
2784
+ max-width: calc(var(--spacing) * 190);
2785
+ }
2786
+ }
2787
+
2788
+ .md\:min-w-190 {
2789
+ @media (width >=48rem) {
2790
+ min-width: calc(var(--spacing) * 190);
2791
+ }
2792
+ }
2793
+
2794
+ .md\:columns-3 {
2795
+ @media (width >=48rem) {
2796
+ -moz-columns: 3;
2797
+ columns: 3;
2798
+ }
2799
+ }
2800
+
2801
+ .lg\:relative {
2802
+ @media (min-width:1025px) {
2803
+ position: relative;
2804
+ }
2805
+ }
2806
+
2807
+ .lg\:left-0 {
2808
+ @media (min-width:1025px) {
2809
+ left: calc(var(--spacing) * 0);
2810
+ }
2811
+ }
2812
+
2813
+ .lg\:left-23\.5 {
2814
+ @media (min-width:1025px) {
2815
+ left: calc(var(--spacing) * 23.5);
2816
+ }
2817
+ }
2818
+
2819
+ .lg\:mt-4 {
2820
+ @media (min-width:1025px) {
2821
+ margin-top: calc(var(--spacing) * 4);
2822
+ }
2823
+ }
2824
+
2825
+ .lg\:mt-5 {
2826
+ @media (min-width:1025px) {
2827
+ margin-top: calc(var(--spacing) * 5);
2828
+ }
2829
+ }
2830
+
2831
+ .lg\:mt-17\.5 {
2832
+ @media (min-width:1025px) {
2833
+ margin-top: calc(var(--spacing) * 17.5);
2834
+ }
2835
+ }
2836
+
2837
+ .lg\:mr-4 {
2838
+ @media (min-width:1025px) {
2839
+ margin-right: calc(var(--spacing) * 4);
2840
+ }
2841
+ }
2842
+
2843
+ .lg\:mb-8 {
2844
+ @media (min-width:1025px) {
2845
+ margin-bottom: calc(var(--spacing) * 8);
2846
+ }
2847
+ }
2848
+
2849
+ .lg\:mb-10 {
2850
+ @media (min-width:1025px) {
2851
+ margin-bottom: calc(var(--spacing) * 10);
2852
+ }
2853
+ }
2854
+
2855
+ .lg\:ml-0 {
2856
+ @media (min-width:1025px) {
2857
+ margin-left: calc(var(--spacing) * 0);
2858
+ }
2859
+ }
2860
+
2861
+ .lg\:block {
2862
+ @media (min-width:1025px) {
2863
+ display: block;
2864
+ }
2865
+ }
2866
+
2867
+ .lg\:flex {
2868
+ @media (min-width:1025px) {
2869
+ display: flex;
2870
+ }
2871
+ }
2872
+
2873
+ .lg\:hidden {
2874
+ @media (min-width:1025px) {
2875
+ display: none;
2876
+ }
2877
+ }
2878
+
2879
+ .lg\:inline-block {
2880
+ @media (min-width:1025px) {
2881
+ display: inline-block;
2882
+ }
2883
+ }
2884
+
2885
+ .lg\:h-4 {
2886
+ @media (min-width:1025px) {
2887
+ height: calc(var(--spacing) * 4);
2888
+ }
2889
+ }
2890
+
2891
+ .lg\:h-6 {
2892
+ @media (min-width:1025px) {
2893
+ height: calc(var(--spacing) * 6);
2894
+ }
2895
+ }
2896
+
2897
+ .lg\:h-8 {
2898
+ @media (min-width:1025px) {
2899
+ height: calc(var(--spacing) * 8);
2900
+ }
2901
+ }
2902
+
2903
+ .lg\:h-10 {
2904
+ @media (min-width:1025px) {
2905
+ height: calc(var(--spacing) * 10);
2906
+ }
2907
+ }
2908
+
2909
+ .lg\:h-12 {
2910
+ @media (min-width:1025px) {
2911
+ height: calc(var(--spacing) * 12);
2912
+ }
2913
+ }
2914
+
2915
+ .lg\:h-70 {
2916
+ @media (min-width:1025px) {
2917
+ height: calc(var(--spacing) * 70);
2918
+ }
2919
+ }
2920
+
2921
+ .lg\:max-h-65\.5 {
2922
+ @media (min-width:1025px) {
2923
+ max-height: calc(var(--spacing) * 65.5);
2924
+ }
2925
+ }
2926
+
2927
+ .lg\:min-h-0 {
2928
+ @media (min-width:1025px) {
2929
+ min-height: calc(var(--spacing) * 0);
2930
+ }
2931
+ }
2932
+
2933
+ .lg\:min-h-17 {
2934
+ @media (min-width:1025px) {
2935
+ min-height: calc(var(--spacing) * 17);
2936
+ }
2937
+ }
2938
+
2939
+ .lg\:w-\(--width-chat-header\) {
2940
+ @media (min-width:1025px) {
2941
+ width: var(--width-chat-header);
2942
+ }
2943
+ }
2944
+
2945
+ .lg\:w-1\/2 {
2946
+ @media (min-width:1025px) {
2947
+ width: calc(1/2 * 100%);
2948
+ }
2949
+ }
2950
+
2951
+ .lg\:w-4 {
2952
+ @media (min-width:1025px) {
2953
+ width: calc(var(--spacing) * 4);
2954
+ }
2955
+ }
2956
+
2957
+ .lg\:w-6 {
2958
+ @media (min-width:1025px) {
2959
+ width: calc(var(--spacing) * 6);
2960
+ }
2961
+ }
2962
+
2963
+ .lg\:w-8 {
2964
+ @media (min-width:1025px) {
2965
+ width: calc(var(--spacing) * 8);
2966
+ }
2967
+ }
2968
+
2969
+ .lg\:w-10 {
2970
+ @media (min-width:1025px) {
2971
+ width: calc(var(--spacing) * 10);
2972
+ }
2973
+ }
2974
+
2975
+ .lg\:w-12 {
2976
+ @media (min-width:1025px) {
2977
+ width: calc(var(--spacing) * 12);
2978
+ }
2979
+ }
2980
+
2981
+ .lg\:w-16 {
2982
+ @media (min-width:1025px) {
2983
+ width: calc(var(--spacing) * 16);
2984
+ }
2985
+ }
2986
+
2987
+ .lg\:w-95 {
2988
+ @media (min-width:1025px) {
2989
+ width: calc(var(--spacing) * 95);
2990
+ }
2991
+ }
2992
+
2993
+ .lg\:w-108 {
2994
+ @media (min-width:1025px) {
2995
+ width: calc(var(--spacing) * 108);
2996
+ }
2997
+ }
2998
+
2999
+ .lg\:max-w-10 {
3000
+ @media (min-width:1025px) {
3001
+ max-width: calc(var(--spacing) * 10);
3002
+ }
3003
+ }
3004
+
3005
+ .lg\:max-w-90 {
3006
+ @media (min-width:1025px) {
3007
+ max-width: calc(var(--spacing) * 90);
3008
+ }
3009
+ }
3010
+
3011
+ .lg\:columns-4 {
3012
+ @media (min-width:1025px) {
3013
+ -moz-columns: 4;
3014
+ columns: 4;
3015
+ }
3016
+ }
3017
+
3018
+ .lg\:grid-cols-2 {
3019
+ @media (min-width:1025px) {
3020
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3021
+ }
3022
+ }
3023
+
3024
+ .lg\:grid-cols-4 {
3025
+ @media (min-width:1025px) {
3026
+ grid-template-columns: repeat(4, minmax(0, 1fr));
3027
+ }
3028
+ }
3029
+
3030
+ .lg\:flex-wrap {
3031
+ @media (min-width:1025px) {
3032
+ flex-wrap: wrap;
3033
+ }
3034
+ }
3035
+
3036
+ .lg\:gap-0 {
3037
+ @media (min-width:1025px) {
3038
+ gap: calc(var(--spacing) * 0);
3039
+ }
3040
+ }
3041
+
3042
+ .lg\:gap-3 {
3043
+ @media (min-width:1025px) {
3044
+ gap: calc(var(--spacing) * 3);
3045
+ }
3046
+ }
3047
+
3048
+ .lg\:gap-5 {
3049
+ @media (min-width:1025px) {
3050
+ gap: calc(var(--spacing) * 5);
3051
+ }
3052
+ }
3053
+
3054
+ .lg\:gap-6 {
3055
+ @media (min-width:1025px) {
3056
+ gap: calc(var(--spacing) * 6);
3057
+ }
3058
+ }
3059
+
3060
+ .lg\:overflow-visible {
3061
+ @media (min-width:1025px) {
3062
+ overflow: visible;
3063
+ }
3064
+ }
3065
+
3066
+ .lg\:border-none {
3067
+ @media (min-width:1025px) {
3068
+ --tw-border-style: none;
3069
+ border-style: none;
3070
+ }
3071
+ }
3072
+
3073
+ .lg\:bg-dark-slate {
3074
+ @media (min-width:1025px) {
3075
+ background-color: var(--color-dark-slate);
3076
+ }
3077
+ }
3078
+
3079
+ .lg\:p-4 {
3080
+ @media (min-width:1025px) {
3081
+ padding: calc(var(--spacing) * 4);
3082
+ }
3083
+ }
3084
+
3085
+ .lg\:p-6 {
3086
+ @media (min-width:1025px) {
3087
+ padding: calc(var(--spacing) * 6);
3088
+ }
3089
+ }
3090
+
3091
+ .lg\:px-1\.5 {
3092
+ @media (min-width:1025px) {
3093
+ padding-inline: calc(var(--spacing) * 1.5);
3094
+ }
3095
+ }
3096
+
3097
+ .lg\:px-2 {
3098
+ @media (min-width:1025px) {
3099
+ padding-inline: calc(var(--spacing) * 2);
3100
+ }
3101
+ }
3102
+
3103
+ .lg\:px-4 {
3104
+ @media (min-width:1025px) {
3105
+ padding-inline: calc(var(--spacing) * 4);
3106
+ }
3107
+ }
3108
+
3109
+ .lg\:px-5 {
3110
+ @media (min-width:1025px) {
3111
+ padding-inline: calc(var(--spacing) * 5);
3112
+ }
3113
+ }
3114
+
3115
+ .lg\:py-1\.5 {
3116
+ @media (min-width:1025px) {
3117
+ padding-block: calc(var(--spacing) * 1.5);
3118
+ }
3119
+ }
3120
+
3121
+ .lg\:py-2\.5 {
3122
+ @media (min-width:1025px) {
3123
+ padding-block: calc(var(--spacing) * 2.5);
3124
+ }
3125
+ }
3126
+
3127
+ .lg\:py-3 {
3128
+ @media (min-width:1025px) {
3129
+ padding-block: calc(var(--spacing) * 3);
3130
+ }
3131
+ }
3132
+
3133
+ .lg\:py-4 {
3134
+ @media (min-width:1025px) {
3135
+ padding-block: calc(var(--spacing) * 4);
3136
+ }
3137
+ }
3138
+
3139
+ .lg\:py-6 {
3140
+ @media (min-width:1025px) {
3141
+ padding-block: calc(var(--spacing) * 6);
3142
+ }
3143
+ }
3144
+
3145
+ .lg\:pt-20 {
3146
+ @media (min-width:1025px) {
3147
+ padding-top: calc(var(--spacing) * 20);
3148
+ }
3149
+ }
3150
+
3151
+ .lg\:pr-2 {
3152
+ @media (min-width:1025px) {
3153
+ padding-right: calc(var(--spacing) * 2);
3154
+ }
3155
+ }
3156
+
3157
+ .lg\:pb-0 {
3158
+ @media (min-width:1025px) {
3159
+ padding-bottom: calc(var(--spacing) * 0);
3160
+ }
3161
+ }
3162
+
3163
+ .lg\:pl-25\.5 {
3164
+ @media (min-width:1025px) {
3165
+ padding-left: calc(var(--spacing) * 25.5);
3166
+ }
3167
+ }
3168
+
3169
+ .lg\:text-center {
3170
+ @media (min-width:1025px) {
3171
+ text-align: center;
3172
+ }
3173
+ }
3174
+
3175
+ .lg\:text-3xl {
3176
+ @media (min-width:1025px) {
3177
+ font-size: var(--text-3xl);
3178
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
3179
+ }
3180
+ }
3181
+
3182
+ .lg\:text-base {
3183
+ @media (min-width:1025px) {
3184
+ font-size: var(--text-base);
3185
+ line-height: var(--tw-leading, var(--text-base--line-height));
3186
+ }
3187
+ }
3188
+
3189
+ .lg\:text-lg {
3190
+ @media (min-width:1025px) {
3191
+ font-size: var(--text-lg);
3192
+ line-height: var(--tw-leading, var(--text-lg--line-height));
3193
+ }
3194
+ }
3195
+
3196
+ .lg\:text-sm {
3197
+ @media (min-width:1025px) {
3198
+ font-size: var(--text-sm);
3199
+ line-height: var(--tw-leading, var(--text-sm--line-height));
3200
+ }
3201
+ }
3202
+
3203
+ .lg\:text-xs {
3204
+ @media (min-width:1025px) {
3205
+ font-size: var(--text-xs);
3206
+ line-height: var(--tw-leading, var(--text-xs--line-height));
3207
+ }
3208
+ }
3209
+
3210
+ .lg\:text-32 {
3211
+ @media (min-width:1025px) {
3212
+ font-size: var(--text-32);
3213
+ }
3214
+ }
3215
+
3216
+ .lg\:before\:top-5 {
3217
+ @media (min-width:1025px) {
3218
+ &::before {
3219
+ content: var(--tw-content);
3220
+ top: calc(var(--spacing) * 5);
3221
+ }
3222
+ }
3223
+ }
3224
+
3225
+ .lg\:before\:-left-43 {
3226
+ @media (min-width:1025px) {
3227
+ &::before {
3228
+ content: var(--tw-content);
3229
+ left: calc(var(--spacing) * -43);
3230
+ }
3231
+ }
3232
+ }
3233
+
3234
+ .lg\:before\:w-36 {
3235
+ @media (min-width:1025px) {
3236
+ &::before {
3237
+ content: var(--tw-content);
3238
+ width: calc(var(--spacing) * 36);
3239
+ }
3240
+ }
3241
+ }
3242
+
3243
+ .lg\:after\:top-5 {
3244
+ @media (min-width:1025px) {
3245
+ &::after {
3246
+ content: var(--tw-content);
3247
+ top: calc(var(--spacing) * 5);
3248
+ }
3249
+ }
3250
+ }
3251
+
3252
+ .lg\:after\:-right-43 {
3253
+ @media (min-width:1025px) {
3254
+ &::after {
3255
+ content: var(--tw-content);
3256
+ right: calc(var(--spacing) * -43);
3257
+ }
3258
+ }
3259
+ }
3260
+
3261
+ .lg\:after\:w-36 {
3262
+ @media (min-width:1025px) {
3263
+ &::after {
3264
+ content: var(--tw-content);
3265
+ width: calc(var(--spacing) * 36);
3266
+ }
3267
+ }
3268
+ }
3269
+
3270
+ .\32 xl\:mt-5 {
3271
+ @media (width >=96rem) {
3272
+ margin-top: calc(var(--spacing) * 5);
3273
+ }
3274
+ }
3275
+
3276
+ .\32 xl\:mt-7\.5 {
3277
+ @media (width >=96rem) {
3278
+ margin-top: calc(var(--spacing) * 7.5);
3279
+ }
3280
+ }
3281
+
3282
+ .\32 xl\:mt-10 {
3283
+ @media (width >=96rem) {
3284
+ margin-top: calc(var(--spacing) * 10);
3285
+ }
3286
+ }
3287
+
3288
+ .\32 xl\:mt-20 {
3289
+ @media (width >=96rem) {
3290
+ margin-top: calc(var(--spacing) * 20);
3291
+ }
3292
+ }
3293
+
3294
+ .\32 xl\:mt-30 {
3295
+ @media (width >=96rem) {
3296
+ margin-top: calc(var(--spacing) * 30);
3297
+ }
3298
+ }
3299
+
3300
+ .\32 xl\:h-6 {
3301
+ @media (width >=96rem) {
3302
+ height: calc(var(--spacing) * 6);
3303
+ }
3304
+ }
3305
+
3306
+ .\32 xl\:h-15 {
3307
+ @media (width >=96rem) {
3308
+ height: calc(var(--spacing) * 15);
3309
+ }
3310
+ }
3311
+
3312
+ .\32 xl\:h-90 {
3313
+ @media (width >=96rem) {
3314
+ height: calc(var(--spacing) * 90);
3315
+ }
3316
+ }
3317
+
3318
+ .\32 xl\:max-h-125 {
3319
+ @media (width >=96rem) {
3320
+ max-height: calc(var(--spacing) * 125);
3321
+ }
3322
+ }
3323
+
3324
+ .\32 xl\:w-6 {
3325
+ @media (width >=96rem) {
3326
+ width: calc(var(--spacing) * 6);
3327
+ }
3328
+ }
3329
+
3330
+ .\32 xl\:w-15 {
3331
+ @media (width >=96rem) {
3332
+ width: calc(var(--spacing) * 15);
3333
+ }
3334
+ }
3335
+
3336
+ .\32 xl\:w-24 {
3337
+ @media (width >=96rem) {
3338
+ width: calc(var(--spacing) * 24);
3339
+ }
3340
+ }
3341
+
3342
+ .\32 xl\:w-\[45\%\] {
3343
+ @media (width >=96rem) {
3344
+ width: 45%;
3345
+ }
3346
+ }
3347
+
3348
+ .\32 xl\:w-\[55\%\] {
3349
+ @media (width >=96rem) {
3350
+ width: 55%;
3351
+ }
3352
+ }
3353
+
3354
+ .\32 xl\:max-w-104 {
3355
+ @media (width >=96rem) {
3356
+ max-width: calc(var(--spacing) * 104);
3357
+ }
3358
+ }
3359
+
3360
+ .\32 xl\:max-w-\[auto\] {
3361
+ @media (width >=96rem) {
3362
+ max-width: auto;
3363
+ }
3364
+ }
3365
+
3366
+ .\32 xl\:min-w-125 {
3367
+ @media (width >=96rem) {
3368
+ min-width: calc(var(--spacing) * 125);
3369
+ }
3370
+ }
3371
+
3372
+ .\32 xl\:columns-6 {
3373
+ @media (width >=96rem) {
3374
+ -moz-columns: 6;
3375
+ columns: 6;
3376
+ }
3377
+ }
3378
+
3379
+ .\32 xl\:grid-cols-5 {
3380
+ @media (width >=96rem) {
3381
+ grid-template-columns: repeat(5, minmax(0, 1fr));
3382
+ }
3383
+ }
3384
+
3385
+ .\32 xl\:gap-2\.5 {
3386
+ @media (width >=96rem) {
3387
+ gap: calc(var(--spacing) * 2.5);
3388
+ }
3389
+ }
3390
+
3391
+ .\32 xl\:gap-5 {
3392
+ @media (width >=96rem) {
3393
+ gap: calc(var(--spacing) * 5);
3394
+ }
3395
+ }
3396
+
3397
+ .\32 xl\:p-2\.5 {
3398
+ @media (width >=96rem) {
3399
+ padding: calc(var(--spacing) * 2.5);
3400
+ }
3401
+ }
3402
+
3403
+ .\32 xl\:p-5 {
3404
+ @media (width >=96rem) {
3405
+ padding: calc(var(--spacing) * 5);
3406
+ }
3407
+ }
3408
+
3409
+ .\32 xl\:px-3 {
3410
+ @media (width >=96rem) {
3411
+ padding-inline: calc(var(--spacing) * 3);
3412
+ }
3413
+ }
3414
+
3415
+ .\32 xl\:px-6 {
3416
+ @media (width >=96rem) {
3417
+ padding-inline: calc(var(--spacing) * 6);
3418
+ }
3419
+ }
3420
+
3421
+ .\32 xl\:py-3\.5 {
3422
+ @media (width >=96rem) {
3423
+ padding-block: calc(var(--spacing) * 3.5);
3424
+ }
3425
+ }
3426
+
3427
+ .\32 xl\:py-4 {
3428
+ @media (width >=96rem) {
3429
+ padding-block: calc(var(--spacing) * 4);
3430
+ }
3431
+ }
3432
+
3433
+ .\32 xl\:py-6 {
3434
+ @media (width >=96rem) {
3435
+ padding-block: calc(var(--spacing) * 6);
3436
+ }
3437
+ }
3438
+
3439
+ .\32 xl\:text-sm {
3440
+ @media (width >=96rem) {
3441
+ font-size: var(--text-sm);
3442
+ line-height: var(--tw-leading, var(--text-sm--line-height));
3443
+ }
3444
+ }
3445
+
3446
+ .\32 xl\:text-40 {
3447
+ @media (width >=96rem) {
3448
+ font-size: var(--text-40);
3449
+ }
3450
+ }
3451
+
3452
+ .\32 xl\:leading-40 {
3453
+ @media (width >=96rem) {
3454
+ --tw-leading: var(--leading-40);
3455
+ line-height: var(--leading-40);
3456
+ }
3457
+ }
3458
+
3459
+ .\32 xl\:before\:top-6 {
3460
+ @media (width >=96rem) {
3461
+ &::before {
3462
+ content: var(--tw-content);
3463
+ top: calc(var(--spacing) * 6);
3464
+ }
3465
+ }
3466
+ }
3467
+
3468
+ .\32 xl\:after\:top-6 {
3469
+ @media (width >=96rem) {
3470
+ &::after {
3471
+ content: var(--tw-content);
3472
+ top: calc(var(--spacing) * 6);
3473
+ }
3474
+ }
3475
+ }
3476
+
3477
+ .max-lg\:visible {
3478
+ @media (max-width:1024px) {
3479
+ visibility: visible;
3480
+ }
3481
+ }
3482
+
3483
+ .max-lg\:absolute {
3484
+ @media (max-width:1024px) {
3485
+ position: absolute;
3486
+ }
3487
+ }
3488
+
3489
+ .max-lg\:relative {
3490
+ @media (max-width:1024px) {
3491
+ position: relative;
3492
+ }
3493
+ }
3494
+
3495
+ .max-lg\:top-auto {
3496
+ @media (max-width:1024px) {
3497
+ top: auto;
3498
+ }
3499
+ }
3500
+
3501
+ .max-lg\:right-\[1px\] {
3502
+ @media (max-width:1024px) {
3503
+ right: 1px;
3504
+ }
3505
+ }
3506
+
3507
+ .max-lg\:bottom-0 {
3508
+ @media (max-width:1024px) {
3509
+ bottom: calc(var(--spacing) * 0);
3510
+ }
3511
+ }
3512
+
3513
+ .max-lg\:bottom-\[11px\] {
3514
+ @media (max-width:1024px) {
3515
+ bottom: 11px;
3516
+ }
3517
+ }
3518
+
3519
+ .max-lg\:left-auto {
3520
+ @media (max-width:1024px) {
3521
+ left: auto;
3522
+ }
3523
+ }
3524
+
3525
+ .max-lg\:mt-7 {
3526
+ @media (max-width:1024px) {
3527
+ margin-top: calc(var(--spacing) * 7);
3528
+ }
3529
+ }
3530
+
3531
+ .max-lg\:mt-10 {
3532
+ @media (max-width:1024px) {
3533
+ margin-top: calc(var(--spacing) * 10);
3534
+ }
3535
+ }
3536
+
3537
+ .max-lg\:line-clamp-2 {
3538
+ @media (max-width:1024px) {
3539
+ overflow: hidden;
3540
+ display: -webkit-box;
3541
+ -webkit-box-orient: vertical;
3542
+ -webkit-line-clamp: 2;
3543
+ }
3544
+ }
3545
+
3546
+ .max-lg\:\[display\:-webkit-box\] {
3547
+ @media (max-width:1024px) {
3548
+ display: -webkit-box;
3549
+ }
3550
+ }
3551
+
3552
+ .max-lg\:block {
3553
+ @media (max-width:1024px) {
3554
+ display: block;
3555
+ }
3556
+ }
3557
+
3558
+ .max-lg\:hidden {
3559
+ @media (max-width:1024px) {
3560
+ display: none;
3561
+ }
3562
+ }
3563
+
3564
+ .max-lg\:h-\[216px\] {
3565
+ @media (max-width:1024px) {
3566
+ height: 216px;
3567
+ }
3568
+ }
3569
+
3570
+ .max-lg\:w-25 {
3571
+ @media (max-width:1024px) {
3572
+ width: calc(var(--spacing) * 25);
3573
+ }
3574
+ }
3575
+
3576
+ .max-lg\:max-w-full {
3577
+ @media (max-width:1024px) {
3578
+ max-width: 100%;
3579
+ }
3580
+ }
3581
+
3582
+ .max-lg\:min-w-0 {
3583
+ @media (max-width:1024px) {
3584
+ min-width: calc(var(--spacing) * 0);
3585
+ }
3586
+ }
3587
+
3588
+ .max-lg\:grid-cols-2 {
3589
+ @media (max-width:1024px) {
3590
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3591
+ }
3592
+ }
3593
+
3594
+ .max-lg\:grid-cols-3 {
3595
+ @media (max-width:1024px) {
3596
+ grid-template-columns: repeat(3, minmax(0, 1fr));
3597
+ }
3598
+ }
3599
+
3600
+ .max-lg\:overflow-hidden {
3601
+ @media (max-width:1024px) {
3602
+ overflow: hidden;
3603
+ }
3604
+ }
3605
+
3606
+ .max-lg\:rounded-xl {
3607
+ @media (max-width:1024px) {
3608
+ border-radius: var(--radius-xl);
3609
+ }
3610
+ }
3611
+
3612
+ .max-lg\:border {
3613
+ @media (max-width:1024px) {
3614
+ border-style: var(--tw-border-style);
3615
+ border-width: 1px;
3616
+ }
3617
+ }
3618
+
3619
+ .max-lg\:bg-transparent {
3620
+ @media (max-width:1024px) {
3621
+ background-color: transparent;
3622
+ }
3623
+ }
3624
+
3625
+ .max-lg\:px-1 {
3626
+ @media (max-width:1024px) {
3627
+ padding-inline: calc(var(--spacing) * 1);
3628
+ }
3629
+ }
3630
+
3631
+ .max-lg\:px-3 {
3632
+ @media (max-width:1024px) {
3633
+ padding-inline: calc(var(--spacing) * 3);
3634
+ }
3635
+ }
3636
+
3637
+ .max-lg\:px-4 {
3638
+ @media (max-width:1024px) {
3639
+ padding-inline: calc(var(--spacing) * 4);
3640
+ }
3641
+ }
3642
+
3643
+ .max-lg\:py-2 {
3644
+ @media (max-width:1024px) {
3645
+ padding-block: calc(var(--spacing) * 2);
3646
+ }
3647
+ }
3648
+
3649
+ .max-lg\:py-3 {
3650
+ @media (max-width:1024px) {
3651
+ padding-block: calc(var(--spacing) * 3);
3652
+ }
3653
+ }
3654
+
3655
+ .max-lg\:py-4 {
3656
+ @media (max-width:1024px) {
3657
+ padding-block: calc(var(--spacing) * 4);
3658
+ }
3659
+ }
3660
+
3661
+ .max-lg\:py-6 {
3662
+ @media (max-width:1024px) {
3663
+ padding-block: calc(var(--spacing) * 6);
3664
+ }
3665
+ }
3666
+
3667
+ .max-lg\:py-10 {
3668
+ @media (max-width:1024px) {
3669
+ padding-block: calc(var(--spacing) * 10);
3670
+ }
3671
+ }
3672
+
3673
+ .max-lg\:pt-3 {
3674
+ @media (max-width:1024px) {
3675
+ padding-top: calc(var(--spacing) * 3);
3676
+ }
3677
+ }
3678
+
3679
+ .max-lg\:pt-10 {
3680
+ @media (max-width:1024px) {
3681
+ padding-top: calc(var(--spacing) * 10);
3682
+ }
3683
+ }
3684
+
3685
+ .max-lg\:pr-2 {
3686
+ @media (max-width:1024px) {
3687
+ padding-right: calc(var(--spacing) * 2);
3688
+ }
3689
+ }
3690
+
3691
+ .max-lg\:pr-\[54px\] {
3692
+ @media (max-width:1024px) {
3693
+ padding-right: 54px;
3694
+ }
3695
+ }
3696
+
3697
+ .max-lg\:pb-0 {
3698
+ @media (max-width:1024px) {
3699
+ padding-bottom: calc(var(--spacing) * 0);
3700
+ }
3701
+ }
3702
+
3703
+ .max-lg\:pl-1 {
3704
+ @media (max-width:1024px) {
3705
+ padding-left: calc(var(--spacing) * 1);
3706
+ }
3707
+ }
3708
+
3709
+ .max-lg\:text-sm {
3710
+ @media (max-width:1024px) {
3711
+ font-size: var(--text-sm);
3712
+ line-height: var(--tw-leading, var(--text-sm--line-height));
3713
+ }
3714
+ }
3715
+
3716
+ .max-lg\:text-xs {
3717
+ @media (max-width:1024px) {
3718
+ font-size: var(--text-xs);
3719
+ line-height: var(--tw-leading, var(--text-xs--line-height));
3720
+ }
3721
+ }
3722
+
3723
+ .max-lg\:text-ellipsis {
3724
+ @media (max-width:1024px) {
3725
+ text-overflow: ellipsis;
3726
+ }
3727
+ }
3728
+
3729
+ .max-lg\:whitespace-nowrap {
3730
+ @media (max-width:1024px) {
3731
+ white-space: nowrap;
3732
+ }
3733
+ }
3734
+
3735
+ .max-lg\:text-white {
3736
+ @media (max-width:1024px) {
3737
+ color: var(--color-white);
3738
+ }
3739
+ }
3740
+
3741
+ .max-lg\:opacity-100 {
3742
+ @media (max-width:1024px) {
3743
+ opacity: 100%;
3744
+ }
3745
+ }
3746
+
3747
+ .max-lg\:group-hover\:scale-100 {
3748
+ @media (max-width:1024px) {
3749
+ &:is(:where(.group):hover *) {
3750
+ @media (hover: hover) {
3751
+ --tw-scale-x: 100%;
3752
+ --tw-scale-y: 100%;
3753
+ --tw-scale-z: 100%;
3754
+ scale: var(--tw-scale-x) var(--tw-scale-y);
3755
+ }
3756
+ }
3757
+ }
3758
+ }
3759
+
3760
+ .max-lg\:before\:bg-none\! {
3761
+ @media (max-width:1024px) {
3762
+ &::before {
3763
+ content: var(--tw-content);
3764
+ background-image: none !important;
3765
+ }
3766
+ }
3767
+ }
3768
+
3769
+ .max-md\:ml-0 {
3770
+ @media (max-width:767px) {
3771
+ margin-left: calc(var(--spacing) * 0);
3772
+ }
3773
+ }
3774
+
3775
+ .max-md\:grid-cols-1 {
3776
+ @media (max-width:767px) {
3777
+ grid-template-columns: repeat(1, minmax(0, 1fr));
3778
+ }
3779
+ }
3780
+
3781
+ .max-md\:flex-col {
3782
+ @media (max-width:767px) {
3783
+ flex-direction: column;
3784
+ }
3785
+ }
3786
+
3787
+ .max-md\:items-start {
3788
+ @media (max-width:767px) {
3789
+ align-items: flex-start;
3790
+ }
3791
+ }
3792
+
3793
+ .lightm\:block {
3794
+ &:where(.lightm, .lightm *) {
3795
+ display: block;
3796
+ }
3797
+ }
3798
+
3799
+ .lightm\:hidden {
3800
+ &:where(.lightm, .lightm *) {
3801
+ display: none;
3802
+ }
3803
+ }
3804
+
3805
+ .lightm\:inline-block {
3806
+ &:where(.lightm, .lightm *) {
3807
+ display: inline-block;
3808
+ }
3809
+ }
3810
+
3811
+ .lightm\:rounded-\[50\%\] {
3812
+ &:where(.lightm, .lightm *) {
3813
+ border-radius: 50%;
3814
+ }
3815
+ }
3816
+
3817
+ .lightm\:border {
3818
+ &:where(.lightm, .lightm *) {
3819
+ border-style: var(--tw-border-style);
3820
+ border-width: 1px;
3821
+ }
3822
+ }
3823
+
3824
+ .lightm\:border-none {
3825
+ &:where(.lightm, .lightm *) {
3826
+ --tw-border-style: none;
3827
+ border-style: none;
3828
+ }
3829
+ }
3830
+
3831
+ .lightm\:border-cloudy-white {
3832
+ &:where(.lightm, .lightm *) {
3833
+ border-color: var(--color-cloudy-white);
3834
+ }
3835
+ }
3836
+
3837
+ .lightm\:border-cool-grey {
3838
+ &:where(.lightm, .lightm *) {
3839
+ border-color: var(--color-cool-grey);
3840
+ }
3841
+ }
3842
+
3843
+ .lightm\:border-gainsboro {
3844
+ &:where(.lightm, .lightm *) {
3845
+ border-color: var(--color-gainsboro);
3846
+ }
3847
+ }
3848
+
3849
+ .lightm\:border-gray-silver {
3850
+ &:where(.lightm, .lightm *) {
3851
+ border-color: var(--color-gray-silver);
3852
+ }
3853
+ }
3854
+
3855
+ .lightm\:border-silver {
3856
+ &:where(.lightm, .lightm *) {
3857
+ border-color: var(--color-silver);
3858
+ }
3859
+ }
3860
+
3861
+ .lightm\:border-ultra-light-gray {
3862
+ &:where(.lightm, .lightm *) {
3863
+ border-color: var(--color-ultra-light-gray);
3864
+ }
3865
+ }
3866
+
3867
+ .lightm\:border-l-gainsboro {
3868
+ &:where(.lightm, .lightm *) {
3869
+ border-left-color: var(--color-gainsboro);
3870
+ }
3871
+ }
3872
+
3873
+ .lightm\:border-l-light-silver {
3874
+ &:where(.lightm, .lightm *) {
3875
+ border-left-color: var(--color-light-silver);
3876
+ }
3877
+ }
3878
+
3879
+ .lightm\:bg-anti-flash {
3880
+ &:where(.lightm, .lightm *) {
3881
+ background-color: var(--color-anti-flash);
3882
+ }
3883
+ }
3884
+
3885
+ .lightm\:bg-black-10 {
3886
+ &:where(.lightm, .lightm *) {
3887
+ background-color: var(--color-black-10);
3888
+ }
3889
+ }
3890
+
3891
+ .lightm\:bg-dark {
3892
+ &:where(.lightm, .lightm *) {
3893
+ background-color: var(--color-dark);
3894
+ }
3895
+ }
3896
+
3897
+ .lightm\:bg-gainsboro {
3898
+ &:where(.lightm, .lightm *) {
3899
+ background-color: var(--color-gainsboro);
3900
+ }
3901
+ }
3902
+
3903
+ .lightm\:bg-gray-light {
3904
+ &:where(.lightm, .lightm *) {
3905
+ background-color: var(--color-gray-light);
3906
+ }
3907
+ }
3908
+
3909
+ .lightm\:bg-light-min {
3910
+ &:where(.lightm, .lightm *) {
3911
+ background-color: var(--color-light-min);
3912
+ }
3913
+ }
3914
+
3915
+ .lightm\:bg-light-sand {
3916
+ &:where(.lightm, .lightm *) {
3917
+ background-color: var(--color-light-sand);
3918
+ }
3919
+ }
3920
+
3921
+ .lightm\:bg-owl-black {
3922
+ &:where(.lightm, .lightm *) {
3923
+ background-color: var(--color-owl-black);
3924
+ }
3925
+ }
3926
+
3927
+ .lightm\:bg-pale-blue {
3928
+ &:where(.lightm, .lightm *) {
3929
+ background-color: var(--color-pale-blue);
3930
+ }
3931
+ }
3932
+
3933
+ .lightm\:bg-pale-pink {
3934
+ &:where(.lightm, .lightm *) {
3935
+ background-color: var(--color-pale-pink);
3936
+ }
3937
+ }
3938
+
3939
+ .lightm\:bg-silver {
3940
+ &:where(.lightm, .lightm *) {
3941
+ background-color: var(--color-silver);
3942
+ }
3943
+ }
3944
+
3945
+ .lightm\:bg-white {
3946
+ &:where(.lightm, .lightm *) {
3947
+ background-color: var(--color-white);
3948
+ }
3949
+ }
3950
+
3951
+ .lightm\:bg-white-smoke {
3952
+ &:where(.lightm, .lightm *) {
3953
+ background-color: var(--color-white-smoke);
3954
+ }
3955
+ }
3956
+
3957
+ .lightm\:bg-gradient-to-t {
3958
+ &:where(.lightm, .lightm *) {
3959
+ --tw-gradient-position: to top in oklab;
3960
+ background-image: linear-gradient(var(--tw-gradient-stops));
3961
+ }
3962
+ }
3963
+
3964
+ .lightm\:bg-gradient-light {
3965
+ &:where(.lightm, .lightm *) {
3966
+ background-image: var(--background-image-gradient-light);
3967
+ }
3968
+ }
3969
+
3970
+ .lightm\:from-gainsboro {
3971
+ &:where(.lightm, .lightm *) {
3972
+ --tw-gradient-from: var(--color-gainsboro);
3973
+ --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));
3974
+ }
3975
+ }
3976
+
3977
+ .lightm\:to-gainsboro\/30 {
3978
+ &:where(.lightm, .lightm *) {
3979
+ --tw-gradient-to: color-mix(in srgb, #eaeaea 30%, transparent);
3980
+
3981
+ @supports (color: color-mix(in lab, red, red)) {
3982
+ --tw-gradient-to: color-mix(in oklab, var(--color-gainsboro) 30%, transparent);
3983
+ }
3984
+
3985
+ --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));
3986
+ }
3987
+ }
3988
+
3989
+ .lightm\:text-concrete-gray {
3990
+ &:where(.lightm, .lightm *) {
3991
+ color: var(--color-concrete-gray);
3992
+ }
3993
+ }
3994
+
3995
+ .lightm\:text-dark {
3996
+ &:where(.lightm, .lightm *) {
3997
+ color: var(--color-dark);
3998
+ }
3999
+ }
4000
+
4001
+ .lightm\:text-dark-gray {
4002
+ &:where(.lightm, .lightm *) {
4003
+ color: var(--color-dark-gray);
4004
+ }
4005
+ }
4006
+
4007
+ .lightm\:text-owl-black {
4008
+ &:where(.lightm, .lightm *) {
4009
+ color: var(--color-owl-black);
4010
+ }
4011
+ }
4012
+
4013
+ .lightm\:text-white {
4014
+ &:where(.lightm, .lightm *) {
4015
+ color: var(--color-white);
4016
+ }
4017
+ }
4018
+
4019
+ .lightm\:text-white-c {
4020
+ &:where(.lightm, .lightm *) {
4021
+ color: var(--color-white-c);
4022
+ }
4023
+ }
4024
+
4025
+ .lightm\:shadow-soft-light {
4026
+ &:where(.lightm, .lightm *) {
4027
+ --tw-shadow: 0px 4px 20px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
4028
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4029
+ }
4030
+ }
4031
+
4032
+ .lightm\:group-hover\:bg-gray-silver {
4033
+ &:where(.lightm, .lightm *) {
4034
+ &:is(:where(.group):hover *) {
4035
+ @media (hover: hover) {
4036
+ background-color: var(--color-gray-silver);
4037
+ }
4038
+ }
4039
+ }
4040
+ }
4041
+
4042
+ .lightm\:placeholder\:text-dark {
4043
+ &:where(.lightm, .lightm *) {
4044
+ &::-moz-placeholder {
4045
+ color: var(--color-dark);
4046
+ }
4047
+
4048
+ &::placeholder {
4049
+ color: var(--color-dark);
4050
+ }
4051
+ }
4052
+ }
4053
+
4054
+ .lightm\:after\:bg-gainsboro {
4055
+ &:where(.lightm, .lightm *) {
4056
+ &::after {
4057
+ content: var(--tw-content);
4058
+ background-color: var(--color-gainsboro);
4059
+ }
4060
+ }
4061
+ }
4062
+
4063
+ .hover\:lightm\:bg-gainsboro {
4064
+ &:hover {
4065
+ @media (hover: hover) {
4066
+ &:where(.lightm, .lightm *) {
4067
+ background-color: var(--color-gainsboro);
4068
+ }
4069
+ }
4070
+ }
4071
+ }
4072
+
4073
+ .lightm\:hover\:bg-\[\#000000\] {
4074
+ &:where(.lightm, .lightm *) {
4075
+ &:hover {
4076
+ @media (hover: hover) {
4077
+ background-color: #000000;
4078
+ }
4079
+ }
4080
+ }
4081
+ }
4082
+
4083
+ .lightm\:hover\:bg-black {
4084
+ &:where(.lightm, .lightm *) {
4085
+ &:hover {
4086
+ @media (hover: hover) {
4087
+ background-color: var(--color-black);
4088
+ }
4089
+ }
4090
+ }
4091
+ }
4092
+
4093
+ .lightm\:hover\:bg-dark {
4094
+ &:where(.lightm, .lightm *) {
4095
+ &:hover {
4096
+ @media (hover: hover) {
4097
+ background-color: var(--color-dark);
4098
+ }
4099
+ }
4100
+ }
4101
+ }
4102
+
4103
+ .lightm\:hover\:bg-gainsboro {
4104
+ &:where(.lightm, .lightm *) {
4105
+ &:hover {
4106
+ @media (hover: hover) {
4107
+ background-color: var(--color-gainsboro);
4108
+ }
4109
+ }
4110
+ }
4111
+ }
4112
+
4113
+ .lightm\:hover\:bg-gray-light {
4114
+ &:where(.lightm, .lightm *) {
4115
+ &:hover {
4116
+ @media (hover: hover) {
4117
+ background-color: var(--color-gray-light);
4118
+ }
4119
+ }
4120
+ }
4121
+ }
4122
+
4123
+ .lightm\:hover\:bg-light-gray {
4124
+ &:where(.lightm, .lightm *) {
4125
+ &:hover {
4126
+ @media (hover: hover) {
4127
+ background-color: var(--color-light-gray);
4128
+ }
4129
+ }
4130
+ }
4131
+ }
4132
+
4133
+ .lightm\:hover\:bg-owl-black {
4134
+ &:where(.lightm, .lightm *) {
4135
+ &:hover {
4136
+ @media (hover: hover) {
4137
+ background-color: var(--color-owl-black);
4138
+ }
4139
+ }
4140
+ }
4141
+ }
4142
+
4143
+ .lightm\:hover\:\!text-white {
4144
+ &:where(.lightm, .lightm *) {
4145
+ &:hover {
4146
+ @media (hover: hover) {
4147
+ color: var(--color-white) !important;
4148
+ }
4149
+ }
4150
+ }
4151
+ }
4152
+
4153
+ .lightm\:hover\:text-white {
4154
+ &:where(.lightm, .lightm *) {
4155
+ &:hover {
4156
+ @media (hover: hover) {
4157
+ color: var(--color-white);
4158
+ }
4159
+ }
4160
+ }
4161
+ }
4162
+
4163
+ .lightm\:lg\:bg-gainsboro {
4164
+ &:where(.lightm, .lightm *) {
4165
+ @media (min-width:1025px) {
4166
+ background-color: var(--color-gainsboro);
4167
+ }
4168
+ }
4169
+ }
4170
+
4171
+ .lightm\:lg\:text-white {
4172
+ &:where(.lightm, .lightm *) {
4173
+ @media (min-width:1025px) {
4174
+ color: var(--color-white);
4175
+ }
4176
+ }
4177
+ }
4178
+
4179
+ .max-lg\:\[\.lightm_\&\]\:border-black {
4180
+ @media (max-width:1024px) {
4181
+ .lightm & {
4182
+ border-color: var(--color-black);
4183
+ }
4184
+ }
4185
+ }
74
4186
  }
75
4187
 
76
4188
  .lightm {
77
4189
  --color-white-c: #000000;
78
4190
  --color-black-c: #ffffff;
4191
+ }
4192
+
4193
+ @property --tw-translate-x {
4194
+ syntax: "*";
4195
+ inherits: false;
4196
+ initial-value: 0;
4197
+ }
4198
+
4199
+ @property --tw-translate-y {
4200
+ syntax: "*";
4201
+ inherits: false;
4202
+ initial-value: 0;
4203
+ }
4204
+
4205
+ @property --tw-translate-z {
4206
+ syntax: "*";
4207
+ inherits: false;
4208
+ initial-value: 0;
4209
+ }
4210
+
4211
+ @property --tw-rotate-x {
4212
+ syntax: "*";
4213
+ inherits: false;
4214
+ }
4215
+
4216
+ @property --tw-rotate-y {
4217
+ syntax: "*";
4218
+ inherits: false;
4219
+ }
4220
+
4221
+ @property --tw-rotate-z {
4222
+ syntax: "*";
4223
+ inherits: false;
4224
+ }
4225
+
4226
+ @property --tw-skew-x {
4227
+ syntax: "*";
4228
+ inherits: false;
4229
+ }
4230
+
4231
+ @property --tw-skew-y {
4232
+ syntax: "*";
4233
+ inherits: false;
4234
+ }
4235
+
4236
+ @property --tw-space-y-reverse {
4237
+ syntax: "*";
4238
+ inherits: false;
4239
+ initial-value: 0;
4240
+ }
4241
+
4242
+ @property --tw-border-style {
4243
+ syntax: "*";
4244
+ inherits: false;
4245
+ initial-value: solid;
4246
+ }
4247
+
4248
+ @property --tw-gradient-position {
4249
+ syntax: "*";
4250
+ inherits: false;
4251
+ }
4252
+
4253
+ @property --tw-gradient-from {
4254
+ syntax: "<color>";
4255
+ inherits: false;
4256
+ initial-value: #0000;
4257
+ }
4258
+
4259
+ @property --tw-gradient-via {
4260
+ syntax: "<color>";
4261
+ inherits: false;
4262
+ initial-value: #0000;
4263
+ }
4264
+
4265
+ @property --tw-gradient-to {
4266
+ syntax: "<color>";
4267
+ inherits: false;
4268
+ initial-value: #0000;
4269
+ }
4270
+
4271
+ @property --tw-gradient-stops {
4272
+ syntax: "*";
4273
+ inherits: false;
4274
+ }
4275
+
4276
+ @property --tw-gradient-via-stops {
4277
+ syntax: "*";
4278
+ inherits: false;
4279
+ }
4280
+
4281
+ @property --tw-gradient-from-position {
4282
+ syntax: "<length-percentage>";
4283
+ inherits: false;
4284
+ initial-value: 0%;
4285
+ }
4286
+
4287
+ @property --tw-gradient-via-position {
4288
+ syntax: "<length-percentage>";
4289
+ inherits: false;
4290
+ initial-value: 50%;
4291
+ }
4292
+
4293
+ @property --tw-gradient-to-position {
4294
+ syntax: "<length-percentage>";
4295
+ inherits: false;
4296
+ initial-value: 100%;
4297
+ }
4298
+
4299
+ @property --tw-leading {
4300
+ syntax: "*";
4301
+ inherits: false;
4302
+ }
4303
+
4304
+ @property --tw-font-weight {
4305
+ syntax: "*";
4306
+ inherits: false;
4307
+ }
4308
+
4309
+ @property --tw-shadow {
4310
+ syntax: "*";
4311
+ inherits: false;
4312
+ initial-value: 0 0 #0000;
4313
+ }
4314
+
4315
+ @property --tw-shadow-color {
4316
+ syntax: "*";
4317
+ inherits: false;
4318
+ }
4319
+
4320
+ @property --tw-shadow-alpha {
4321
+ syntax: "<percentage>";
4322
+ inherits: false;
4323
+ initial-value: 100%;
4324
+ }
4325
+
4326
+ @property --tw-inset-shadow {
4327
+ syntax: "*";
4328
+ inherits: false;
4329
+ initial-value: 0 0 #0000;
4330
+ }
4331
+
4332
+ @property --tw-inset-shadow-color {
4333
+ syntax: "*";
4334
+ inherits: false;
4335
+ }
4336
+
4337
+ @property --tw-inset-shadow-alpha {
4338
+ syntax: "<percentage>";
4339
+ inherits: false;
4340
+ initial-value: 100%;
4341
+ }
4342
+
4343
+ @property --tw-ring-color {
4344
+ syntax: "*";
4345
+ inherits: false;
4346
+ }
4347
+
4348
+ @property --tw-ring-shadow {
4349
+ syntax: "*";
4350
+ inherits: false;
4351
+ initial-value: 0 0 #0000;
4352
+ }
4353
+
4354
+ @property --tw-inset-ring-color {
4355
+ syntax: "*";
4356
+ inherits: false;
4357
+ }
4358
+
4359
+ @property --tw-inset-ring-shadow {
4360
+ syntax: "*";
4361
+ inherits: false;
4362
+ initial-value: 0 0 #0000;
4363
+ }
4364
+
4365
+ @property --tw-ring-inset {
4366
+ syntax: "*";
4367
+ inherits: false;
4368
+ }
4369
+
4370
+ @property --tw-ring-offset-width {
4371
+ syntax: "<length>";
4372
+ inherits: false;
4373
+ initial-value: 0px;
4374
+ }
4375
+
4376
+ @property --tw-ring-offset-color {
4377
+ syntax: "*";
4378
+ inherits: false;
4379
+ initial-value: #fff;
4380
+ }
4381
+
4382
+ @property --tw-ring-offset-shadow {
4383
+ syntax: "*";
4384
+ inherits: false;
4385
+ initial-value: 0 0 #0000;
4386
+ }
4387
+
4388
+ @property --tw-backdrop-blur {
4389
+ syntax: "*";
4390
+ inherits: false;
4391
+ }
4392
+
4393
+ @property --tw-backdrop-brightness {
4394
+ syntax: "*";
4395
+ inherits: false;
4396
+ }
4397
+
4398
+ @property --tw-backdrop-contrast {
4399
+ syntax: "*";
4400
+ inherits: false;
4401
+ }
4402
+
4403
+ @property --tw-backdrop-grayscale {
4404
+ syntax: "*";
4405
+ inherits: false;
4406
+ }
4407
+
4408
+ @property --tw-backdrop-hue-rotate {
4409
+ syntax: "*";
4410
+ inherits: false;
4411
+ }
4412
+
4413
+ @property --tw-backdrop-invert {
4414
+ syntax: "*";
4415
+ inherits: false;
4416
+ }
4417
+
4418
+ @property --tw-backdrop-opacity {
4419
+ syntax: "*";
4420
+ inherits: false;
4421
+ }
4422
+
4423
+ @property --tw-backdrop-saturate {
4424
+ syntax: "*";
4425
+ inherits: false;
4426
+ }
4427
+
4428
+ @property --tw-backdrop-sepia {
4429
+ syntax: "*";
4430
+ inherits: false;
4431
+ }
4432
+
4433
+ @property --tw-duration {
4434
+ syntax: "*";
4435
+ inherits: false;
4436
+ }
4437
+
4438
+ @property --tw-ease {
4439
+ syntax: "*";
4440
+ inherits: false;
4441
+ }
4442
+
4443
+ @property --tw-scale-x {
4444
+ syntax: "*";
4445
+ inherits: false;
4446
+ initial-value: 1;
4447
+ }
4448
+
4449
+ @property --tw-scale-y {
4450
+ syntax: "*";
4451
+ inherits: false;
4452
+ initial-value: 1;
4453
+ }
4454
+
4455
+ @property --tw-scale-z {
4456
+ syntax: "*";
4457
+ inherits: false;
4458
+ initial-value: 1;
4459
+ }
4460
+
4461
+ @property --tw-content {
4462
+ syntax: "*";
4463
+ initial-value: "";
4464
+ inherits: false;
4465
+ }
4466
+
4467
+ @layer properties {
4468
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
4469
+
4470
+ *,
4471
+ ::before,
4472
+ ::after,
4473
+ ::backdrop {
4474
+ --tw-translate-x: 0;
4475
+ --tw-translate-y: 0;
4476
+ --tw-translate-z: 0;
4477
+ --tw-rotate-x: initial;
4478
+ --tw-rotate-y: initial;
4479
+ --tw-rotate-z: initial;
4480
+ --tw-skew-x: initial;
4481
+ --tw-skew-y: initial;
4482
+ --tw-space-y-reverse: 0;
4483
+ --tw-border-style: solid;
4484
+ --tw-gradient-position: initial;
4485
+ --tw-gradient-from: #0000;
4486
+ --tw-gradient-via: #0000;
4487
+ --tw-gradient-to: #0000;
4488
+ --tw-gradient-stops: initial;
4489
+ --tw-gradient-via-stops: initial;
4490
+ --tw-gradient-from-position: 0%;
4491
+ --tw-gradient-via-position: 50%;
4492
+ --tw-gradient-to-position: 100%;
4493
+ --tw-leading: initial;
4494
+ --tw-font-weight: initial;
4495
+ --tw-shadow: 0 0 #0000;
4496
+ --tw-shadow-color: initial;
4497
+ --tw-shadow-alpha: 100%;
4498
+ --tw-inset-shadow: 0 0 #0000;
4499
+ --tw-inset-shadow-color: initial;
4500
+ --tw-inset-shadow-alpha: 100%;
4501
+ --tw-ring-color: initial;
4502
+ --tw-ring-shadow: 0 0 #0000;
4503
+ --tw-inset-ring-color: initial;
4504
+ --tw-inset-ring-shadow: 0 0 #0000;
4505
+ --tw-ring-inset: initial;
4506
+ --tw-ring-offset-width: 0px;
4507
+ --tw-ring-offset-color: #fff;
4508
+ --tw-ring-offset-shadow: 0 0 #0000;
4509
+ --tw-backdrop-blur: initial;
4510
+ --tw-backdrop-brightness: initial;
4511
+ --tw-backdrop-contrast: initial;
4512
+ --tw-backdrop-grayscale: initial;
4513
+ --tw-backdrop-hue-rotate: initial;
4514
+ --tw-backdrop-invert: initial;
4515
+ --tw-backdrop-opacity: initial;
4516
+ --tw-backdrop-saturate: initial;
4517
+ --tw-backdrop-sepia: initial;
4518
+ --tw-duration: initial;
4519
+ --tw-ease: initial;
4520
+ --tw-scale-x: 1;
4521
+ --tw-scale-y: 1;
4522
+ --tw-scale-z: 1;
4523
+ --tw-content: "";
4524
+ }
4525
+ }
79
4526
  }