@mahatisystems/mahati-ui-components 1.2.1 → 1.3.0

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