@kofile/gds-foundations 0.0.9 → 0.0.10

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.
@@ -0,0 +1,1297 @@
1
+ .static {
2
+ position: static !important;
3
+ }
4
+ .fixed {
5
+ position: fixed !important;
6
+ }
7
+ .absolute {
8
+ position: absolute !important;
9
+ }
10
+ .relative {
11
+ position: relative !important;
12
+ }
13
+ .sticky {
14
+ position: sticky !important;
15
+ }
16
+
17
+ .inset-0 {
18
+ inset: var(--primitive-0) !important;
19
+ }
20
+ .inset-x-0 {
21
+ left: var(--primitive-0) !important;
22
+ right: var(--primitive-0) !important;
23
+ }
24
+ .inset-y-0 {
25
+ top: var(--primitive-0) !important;
26
+ bottom: var(--primitive-0) !important;
27
+ }
28
+ .start-0 {
29
+ inset-inline-start: var(--primitive-0) !important;
30
+ }
31
+ .end-0 {
32
+ inset-inline-end: var(--primitive-0) !important;
33
+ }
34
+ .top-0 {
35
+ top: var(--primitive-0) !important;
36
+ }
37
+ .right-0 {
38
+ right: var(--primitive-0) !important;
39
+ }
40
+ .bottom-0 {
41
+ bottom: var(--primitive-0) !important;
42
+ }
43
+ .left-0 {
44
+ left: var(--primitive-0) !important;
45
+ }
46
+
47
+ .inset-px {
48
+ inset: var(--primitive-1) !important;
49
+ }
50
+ .inset-x-px {
51
+ left: var(--primitive-1) !important;
52
+ right: var(--primitive-1) !important;
53
+ }
54
+ .inset-y-px {
55
+ top: var(--primitive-1) !important;
56
+ bottom: var(--primitive-1) !important;
57
+ }
58
+ .start-px {
59
+ inset-inline-start: var(--primitive-1) !important;
60
+ }
61
+ .end-px {
62
+ inset-inline-end: var(--primitive-1) !important;
63
+ }
64
+ .top-px {
65
+ top: var(--primitive-1) !important;
66
+ }
67
+ .right-px {
68
+ right: var(--primitive-1) !important;
69
+ }
70
+ .bottom-px {
71
+ bottom: var(--primitive-1) !important;
72
+ }
73
+ .left-px {
74
+ left: var(--primitive-1) !important;
75
+ }
76
+
77
+ .inset-0.5 {
78
+ inset: var(--primitive-2) !important;
79
+ }
80
+ .inset-x-0.5 {
81
+ left: var(--primitive-2) !important;
82
+ right: var(--primitive-2) !important;
83
+ }
84
+ .inset-y-0.5 {
85
+ top: var(--primitive-2) !important;
86
+ bottom: var(--primitive-2) !important;
87
+ }
88
+ .start-0.5 {
89
+ inset-inline-start: var(--primitive-2) !important;
90
+ }
91
+ .end-0.5 {
92
+ inset-inline-end: var(--primitive-2) !important;
93
+ }
94
+ .top-0.5 {
95
+ top: var(--primitive-2) !important;
96
+ }
97
+ .right-0.5 {
98
+ right: var(--primitive-2) !important;
99
+ }
100
+ .bottom-0.5 {
101
+ bottom: var(--primitive-2) !important;
102
+ }
103
+ .left-0.5 {
104
+ left: var(--primitive-2) !important;
105
+ }
106
+
107
+ .inset-1 {
108
+ inset: var(--primitive-4) !important;
109
+ }
110
+ .inset-x-1 {
111
+ left: var(--primitive-4) !important;
112
+ right: var(--primitive-4) !important;
113
+ }
114
+ .inset-y-1 {
115
+ top: var(--primitive-4) !important;
116
+ bottom: var(--primitive-4) !important;
117
+ }
118
+ .start-1 {
119
+ inset-inline-start: var(--primitive-4) !important;
120
+ }
121
+ .end-1 {
122
+ inset-inline-end: var(--primitive-4) !important;
123
+ }
124
+ .top-1 {
125
+ top: var(--primitive-4) !important;
126
+ }
127
+ .right-1 {
128
+ right: var(--primitive-4) !important;
129
+ }
130
+ .bottom-1 {
131
+ bottom: var(--primitive-4) !important;
132
+ }
133
+ .left-1 {
134
+ left: var(--primitive-4) !important;
135
+ }
136
+ .inset-1.5 {
137
+ inset: var(--primitive-6) !important;
138
+ }
139
+ .inset-x-1.5 {
140
+ left: var(--primitive-6) !important;
141
+ right: var(--primitive-6) !important;
142
+ }
143
+ .inset-y-1.5 {
144
+ top: var(--primitive-6) !important;
145
+ bottom: var(--primitive-6) !important;
146
+ }
147
+ .start-1.5 {
148
+ inset-inline-start: var(--primitive-6) !important;
149
+ }
150
+ .end-1.5 {
151
+ inset-inline-end: var(--primitive-6) !important;
152
+ }
153
+ .top-1.5 {
154
+ top: var(--primitive-6) !important;
155
+ }
156
+ .right-1.5 {
157
+ right: var(--primitive-6) !important;
158
+ }
159
+ .bottom-1.5 {
160
+ bottom: var(--primitive-6) !important;
161
+ }
162
+ .left-1.5 {
163
+ left: var(--primitive-6) !important;
164
+ }
165
+
166
+ .inset-2 {
167
+ inset: var(--primitive-8) !important;
168
+ }
169
+ .inset-x-2 {
170
+ left: var(--primitive-8) !important;
171
+ right: var(--primitive-8) !important;
172
+ }
173
+ .inset-y-2 {
174
+ top: var(--primitive-8) !important;
175
+ bottom: var(--primitive-8) !important;
176
+ }
177
+ .start-2 {
178
+ inset-inline-start: var(--primitive-8) !important;
179
+ }
180
+ .end-2 {
181
+ inset-inline-end: var(--primitive-8) !important;
182
+ }
183
+ .top-2 {
184
+ top: var(--primitive-8) !important;
185
+ }
186
+ .right-2 {
187
+ right: var(--primitive-8) !important;
188
+ }
189
+ .bottom-2 {
190
+ bottom: var(--primitive-8) !important;
191
+ }
192
+ .left-2 {
193
+ left: var(--primitive-8) !important;
194
+ }
195
+
196
+ .inset-2.5 {
197
+ inset: var(--primitive-10) !important;
198
+ }
199
+ .inset-x-2.5 {
200
+ left: var(--primitive-10) !important;
201
+ right: var(--primitive-10) !important;
202
+ }
203
+ .inset-y-2.5 {
204
+ top: var(--primitive-10) !important;
205
+ bottom: var(--primitive-10) !important;
206
+ }
207
+ .start-2.5 {
208
+ inset-inline-start: var(--primitive-10) !important;
209
+ }
210
+ .end-2.5 {
211
+ inset-inline-end: var(--primitive-10) !important;
212
+ }
213
+ .top-2.5 {
214
+ top: var(--primitive-10) !important;
215
+ }
216
+ .right-2.5 {
217
+ right: var(--primitive-10) !important;
218
+ }
219
+ .bottom-2.5 {
220
+ bottom: var(--primitive-10) !important;
221
+ }
222
+ .left-2.5 {
223
+ left: var(--primitive-10) !important;
224
+ }
225
+ .inset-3 {
226
+ inset: var(--primitive-12) !important;
227
+ }
228
+ .inset-x-3 {
229
+ left: var(--primitive-12) !important;
230
+ right: var(--primitive-12) !important;
231
+ }
232
+ .inset-y-3 {
233
+ top: var(--primitive-12) !important;
234
+ bottom: var(--primitive-12) !important;
235
+ }
236
+ .start-3 {
237
+ inset-inline-start: var(--primitive-12) !important;
238
+ }
239
+ .end-3 {
240
+ inset-inline-end: var(--primitive-12) !important;
241
+ }
242
+ .top-3 {
243
+ top: var(--primitive-12) !important;
244
+ }
245
+ .right-3 {
246
+ right: var(--primitive-12) !important;
247
+ }
248
+ .bottom-3 {
249
+ bottom: var(--primitive-12) !important;
250
+ }
251
+ .left-3 {
252
+ left: var(--primitive-12) !important;
253
+ }
254
+
255
+ .inset-3.5 {
256
+ inset: var(--primitive-14) !important;
257
+ }
258
+ .inset-x-3.5 {
259
+ left: var(--primitive-14) !important;
260
+ right: var(--primitive-14) !important;
261
+ }
262
+ .inset-y-3.5 {
263
+ top: var(--primitive-14) !important;
264
+ bottom: var(--primitive-14) !important;
265
+ }
266
+ .start-3.5 {
267
+ inset-inline-start: var(--primitive-14) !important;
268
+ }
269
+ .end-3.5 {
270
+ inset-inline-end: var(--primitive-14) !important;
271
+ }
272
+ .top-3.5 {
273
+ top: var(--primitive-14) !important;
274
+ }
275
+ .right-3.5 {
276
+ right: var(--primitive-14) !important;
277
+ }
278
+ .bottom-3.5 {
279
+ bottom: var(--primitive-14) !important;
280
+ }
281
+ .left-3.5 {
282
+ left: var(--primitive-14) !important;
283
+ }
284
+
285
+ .inset-4 {
286
+ inset: var(--primitive-16) !important;
287
+ }
288
+ .inset-x-4 {
289
+ left: var(--primitive-16) !important;
290
+ right: var(--primitive-16) !important;
291
+ }
292
+ .inset-y-4 {
293
+ top: var(--primitive-16) !important;
294
+ bottom: var(--primitive-16) !important;
295
+ }
296
+ .start-4 {
297
+ inset-inline-start: var(--primitive-16) !important;
298
+ }
299
+ .end-4 {
300
+ inset-inline-end: var(--primitive-16) !important;
301
+ }
302
+ .top-4 {
303
+ top: var(--primitive-16) !important;
304
+ }
305
+ .right-4 {
306
+ right: var(--primitive-16) !important;
307
+ }
308
+ .bottom-4 {
309
+ bottom: var(--primitive-16) !important;
310
+ }
311
+ .left-4 {
312
+ left: var(--primitive-16) !important;
313
+ }
314
+
315
+ .inset-5 {
316
+ inset: var(--primitive-20) !important;
317
+ }
318
+ .inset-x-5 {
319
+ left: var(--primitive-20) !important;
320
+ right: var(--primitive-20) !important;
321
+ }
322
+ .inset-y-5 {
323
+ top: var(--primitive-20) !important;
324
+ bottom: var(--primitive-20) !important;
325
+ }
326
+ .start-5 {
327
+ inset-inline-start: var(--primitive-20) !important;
328
+ }
329
+ .end-5 {
330
+ inset-inline-end: var(--primitive-20) !important;
331
+ }
332
+ .top-5 {
333
+ top: var(--primitive-20) !important;
334
+ }
335
+ .right-5 {
336
+ right: var(--primitive-20) !important;
337
+ }
338
+ .bottom-5 {
339
+ bottom: var(--primitive-20) !important;
340
+ }
341
+ .left-5 {
342
+ left: var(--primitive-20) !important;
343
+ }
344
+
345
+ .inset-6 {
346
+ inset: var(--primitive-24) !important;
347
+ }
348
+ .inset-x-6 {
349
+ left: var(--primitive-24) !important;
350
+ right: var(--primitive-24) !important;
351
+ }
352
+ .inset-y-6 {
353
+ top: var(--primitive-24) !important;
354
+ bottom: var(--primitive-24) !important;
355
+ }
356
+ .start-6 {
357
+ inset-inline-start: var(--primitive-24) !important;
358
+ }
359
+ .end-6 {
360
+ inset-inline-end: var(--primitive-24) !important;
361
+ }
362
+ .top-6 {
363
+ top: var(--primitive-24) !important;
364
+ }
365
+ .right-6 {
366
+ right: var(--primitive-24) !important;
367
+ }
368
+ .bottom-6 {
369
+ bottom: var(--primitive-24) !important;
370
+ }
371
+ .left-6 {
372
+ left: var(--primitive-24) !important;
373
+ }
374
+ .inset-7 {
375
+ inset: var(--primitive-28) !important;
376
+ }
377
+ .inset-x-7 {
378
+ left: var(--primitive-28) !important;
379
+ right: var(--primitive-28) !important;
380
+ }
381
+ .inset-y-7 {
382
+ top: var(--primitive-28) !important;
383
+ bottom: var(--primitive-28) !important;
384
+ }
385
+ .start-7 {
386
+ inset-inline-start: var(--primitive-28) !important;
387
+ }
388
+ .end-7 {
389
+ inset-inline-end: var(--primitive-28) !important;
390
+ }
391
+ .top-7 {
392
+ top: var(--primitive-28) !important;
393
+ }
394
+ .right-7 {
395
+ right: var(--primitive-28) !important;
396
+ }
397
+ .bottom-7 {
398
+ bottom: var(--primitive-28) !important;
399
+ }
400
+ .left-7 {
401
+ left: var(--primitive-28) !important;
402
+ }
403
+
404
+ .inset-8 {
405
+ inset: var(--primitive-32) !important;
406
+ }
407
+ .inset-x-8 {
408
+ left: var(--primitive-32) !important;
409
+ right: var(--primitive-32) !important;
410
+ }
411
+ .inset-y-8 {
412
+ top: var(--primitive-32) !important;
413
+ bottom: var(--primitive-32) !important;
414
+ }
415
+ .start-8 {
416
+ inset-inline-start: var(--primitive-32) !important;
417
+ }
418
+ .end-8 {
419
+ inset-inline-end: var(--primitive-32) !important;
420
+ }
421
+ .top-8 {
422
+ top: var(--primitive-32) !important;
423
+ }
424
+ .right-8 {
425
+ right: var(--primitive-32) !important;
426
+ }
427
+ .bottom-8 {
428
+ bottom: var(--primitive-32) !important;
429
+ }
430
+ .left-8 {
431
+ left: var(--primitive-32) !important;
432
+ }
433
+
434
+ .inset-9 {
435
+ inset: var(--primitive-36) !important;
436
+ }
437
+ .inset-x-9 {
438
+ left: var(--primitive-36) !important;
439
+ right: var(--primitive-36) !important;
440
+ }
441
+ .inset-y-9 {
442
+ top: var(--primitive-36) !important;
443
+ bottom: var(--primitive-36) !important;
444
+ }
445
+ .start-9 {
446
+ inset-inline-start: var(--primitive-36) !important;
447
+ }
448
+ .end-9 {
449
+ inset-inline-end: var(--primitive-36) !important;
450
+ }
451
+ .top-9 {
452
+ top: var(--primitive-36) !important;
453
+ }
454
+ .right-9 {
455
+ right: var(--primitive-36) !important;
456
+ }
457
+ .bottom-9 {
458
+ bottom: var(--primitive-36) !important;
459
+ }
460
+ .left-9 {
461
+ left: var(--primitive-36) !important;
462
+ }
463
+
464
+ .inset-10 {
465
+ inset: var(--primitive-40) !important;
466
+ }
467
+ .inset-x-10 {
468
+ left: var(--primitive-40) !important;
469
+ right: var(--primitive-40) !important;
470
+ }
471
+ .inset-y-10 {
472
+ top: var(--primitive-40) !important;
473
+ bottom: var(--primitive-40) !important;
474
+ }
475
+ .start-10 {
476
+ inset-inline-start: var(--primitive-40) !important;
477
+ }
478
+ .end-10 {
479
+ inset-inline-end: var(--primitive-40) !important;
480
+ }
481
+ .top-10 {
482
+ top: var(--primitive-40) !important;
483
+ }
484
+ .right-10 {
485
+ right: var(--primitive-40) !important;
486
+ }
487
+ .bottom-10 {
488
+ bottom: var(--primitive-40) !important;
489
+ }
490
+ .left-10 {
491
+ left: var(--primitive-40) !important;
492
+ }
493
+ .inset-11 {
494
+ inset: var(--primitive-44) !important;
495
+ }
496
+ .inset-x-11 {
497
+ left: var(--primitive-44) !important;
498
+ right: var(--primitive-44) !important;
499
+ }
500
+ .inset-y-11 {
501
+ top: var(--primitive-44) !important;
502
+ bottom: var(--primitive-44) !important;
503
+ }
504
+ .start-11 {
505
+ inset-inline-start: var(--primitive-44) !important;
506
+ }
507
+ .end-11 {
508
+ inset-inline-end: var(--primitive-44) !important;
509
+ }
510
+ .top-11 {
511
+ top: var(--primitive-44) !important;
512
+ }
513
+ .right-11 {
514
+ right: var(--primitive-44) !important;
515
+ }
516
+ .bottom-11 {
517
+ bottom: var(--primitive-44) !important;
518
+ }
519
+ .left-11 {
520
+ left: var(--primitive-44) !important;
521
+ }
522
+
523
+ .inset-12 {
524
+ inset: var(--primitive-48) !important;
525
+ }
526
+ .inset-x-12 {
527
+ left: var(--primitive-48) !important;
528
+ right: var(--primitive-48) !important;
529
+ }
530
+ .inset-y-12 {
531
+ top: var(--primitive-48) !important;
532
+ bottom: var(--primitive-48) !important;
533
+ }
534
+ .start-12 {
535
+ inset-inline-start: var(--primitive-48) !important;
536
+ }
537
+ .end-12 {
538
+ inset-inline-end: var(--primitive-48) !important;
539
+ }
540
+ .top-12 {
541
+ top: var(--primitive-48) !important;
542
+ }
543
+ .right-12 {
544
+ right: var(--primitive-48) !important;
545
+ }
546
+ .bottom-12 {
547
+ bottom: var(--primitive-48) !important;
548
+ }
549
+ .left-12 {
550
+ left: var(--primitive-48) !important;
551
+ }
552
+
553
+ .inset-14 {
554
+ inset: var(--primitive-56) !important;
555
+ }
556
+ .inset-x-14 {
557
+ left: var(--primitive-56) !important;
558
+ right: var(--primitive-56) !important;
559
+ }
560
+ .inset-y-14 {
561
+ top: var(--primitive-56) !important;
562
+ bottom: var(--primitive-56) !important;
563
+ }
564
+ .start-14 {
565
+ inset-inline-start: var(--primitive-56) !important;
566
+ }
567
+ .end-14 {
568
+ inset-inline-end: var(--primitive-56) !important;
569
+ }
570
+ .top-14 {
571
+ top: var(--primitive-56) !important;
572
+ }
573
+ .right-14 {
574
+ right: var(--primitive-56) !important;
575
+ }
576
+ .bottom-14 {
577
+ bottom: var(--primitive-56) !important;
578
+ }
579
+ .left-14 {
580
+ left: var(--primitive-56) !important;
581
+ }
582
+ .inset-16 {
583
+ inset: var(--primitive-64) !important;
584
+ }
585
+ .inset-x-16 {
586
+ left: var(--primitive-64) !important;
587
+ right: var(--primitive-64) !important;
588
+ }
589
+ .inset-y-16 {
590
+ top: var(--primitive-64) !important;
591
+ bottom: var(--primitive-64) !important;
592
+ }
593
+ .start-16 {
594
+ inset-inline-start: var(--primitive-64) !important;
595
+ }
596
+ .end-16 {
597
+ inset-inline-end: var(--primitive-64) !important;
598
+ }
599
+ .top-16 {
600
+ top: var(--primitive-64) !important;
601
+ }
602
+ .right-16 {
603
+ right: var(--primitive-64) !important;
604
+ }
605
+ .bottom-16 {
606
+ bottom: var(--primitive-64) !important;
607
+ }
608
+ .left-16 {
609
+ left: var(--primitive-64) !important;
610
+ }
611
+
612
+ .inset-20 {
613
+ inset: var(--primitive-80) !important;
614
+ }
615
+ .inset-x-20 {
616
+ left: var(--primitive-80) !important;
617
+ right: var(--primitive-80) !important;
618
+ }
619
+ .inset-y-20 {
620
+ top: var(--primitive-80) !important;
621
+ bottom: var(--primitive-80) !important;
622
+ }
623
+ .start-20 {
624
+ inset-inline-start: var(--primitive-80) !important;
625
+ }
626
+ .end-20 {
627
+ inset-inline-end: var(--primitive-80) !important;
628
+ }
629
+ .top-20 {
630
+ top: var(--primitive-80) !important;
631
+ }
632
+ .right-20 {
633
+ right: var(--primitive-80) !important;
634
+ }
635
+ .bottom-20 {
636
+ bottom: var(--primitive-80) !important;
637
+ }
638
+ .left-20 {
639
+ left: var(--primitive-80) !important;
640
+ }
641
+
642
+ .inset-24 {
643
+ inset: var(--primitive-96) !important;
644
+ }
645
+ .inset-x-24 {
646
+ left: var(--primitive-96) !important;
647
+ right: var(--primitive-96) !important;
648
+ }
649
+ .inset-y-24 {
650
+ top: var(--primitive-96) !important;
651
+ bottom: var(--primitive-96) !important;
652
+ }
653
+ .start-24 {
654
+ inset-inline-start: var(--primitive-96) !important;
655
+ }
656
+ .end-24 {
657
+ inset-inline-end: var(--primitive-96) !important;
658
+ }
659
+ .top-24 {
660
+ top: var(--primitive-96) !important;
661
+ }
662
+ .right-24 {
663
+ right: var(--primitive-96) !important;
664
+ }
665
+ .bottom-24 {
666
+ bottom: var(--primitive-96) !important;
667
+ }
668
+ .left-24 {
669
+ left: var(--primitive-96) !important;
670
+ }
671
+
672
+ .inset-28 {
673
+ inset: var(--primitive-112) !important;
674
+ }
675
+ .inset-x-28 {
676
+ left: var(--primitive-112) !important;
677
+ right: var(--primitive-112) !important;
678
+ }
679
+ .inset-y-28 {
680
+ top: var(--primitive-112) !important;
681
+ bottom: var(--primitive-112) !important;
682
+ }
683
+ .start-28 {
684
+ inset-inline-start: var(--primitive-112) !important;
685
+ }
686
+ .end-28 {
687
+ inset-inline-end: var(--primitive-112) !important;
688
+ }
689
+ .top-28 {
690
+ top: var(--primitive-112) !important;
691
+ }
692
+ .right-28 {
693
+ right: var(--primitive-112) !important;
694
+ }
695
+ .bottom-28 {
696
+ bottom: var(--primitive-112) !important;
697
+ }
698
+ .left-28 {
699
+ left: var(--primitive-112) !important;
700
+ }
701
+
702
+ .inset-32 {
703
+ inset: var(--primitive-128) !important;
704
+ }
705
+ .inset-x-32 {
706
+ left: var(--primitive-128) !important;
707
+ right: var(--primitive-128) !important;
708
+ }
709
+ .inset-y-32 {
710
+ top: var(--primitive-128) !important;
711
+ bottom: var(--primitive-128) !important;
712
+ }
713
+ .start-32 {
714
+ inset-inline-start: var(--primitive-128) !important;
715
+ }
716
+ .end-32 {
717
+ inset-inline-end: var(--primitive-128) !important;
718
+ }
719
+ .top-32 {
720
+ top: var(--primitive-128) !important;
721
+ }
722
+ .right-32 {
723
+ right: var(--primitive-128) !important;
724
+ }
725
+ .bottom-32 {
726
+ bottom: var(--primitive-128) !important;
727
+ }
728
+ .left-32 {
729
+ left: var(--primitive-128) !important;
730
+ }
731
+ .inset-36 {
732
+ inset: var(--primitive-144) !important;
733
+ }
734
+ .inset-x-36 {
735
+ left: var(--primitive-144) !important;
736
+ right: var(--primitive-144) !important;
737
+ }
738
+ .inset-y-36 {
739
+ top: var(--primitive-144) !important;
740
+ bottom: var(--primitive-144) !important;
741
+ }
742
+ .start-36 {
743
+ inset-inline-start: var(--primitive-144) !important;
744
+ }
745
+ .end-36 {
746
+ inset-inline-end: var(--primitive-144) !important;
747
+ }
748
+ .top-36 {
749
+ top: var(--primitive-144) !important;
750
+ }
751
+ .right-36 {
752
+ right: var(--primitive-144) !important;
753
+ }
754
+ .bottom-36 {
755
+ bottom: var(--primitive-144) !important;
756
+ }
757
+ .left-36 {
758
+ left: var(--primitive-144) !important;
759
+ }
760
+
761
+ .inset-40 {
762
+ inset: var(--primitive-160) !important;
763
+ }
764
+ .inset-x-40 {
765
+ left: var(--primitive-160) !important;
766
+ right: var(--primitive-160) !important;
767
+ }
768
+ .inset-y-40 {
769
+ top: var(--primitive-160) !important;
770
+ bottom: var(--primitive-160) !important;
771
+ }
772
+ .start-40 {
773
+ inset-inline-start: var(--primitive-160) !important;
774
+ }
775
+ .end-40 {
776
+ inset-inline-end: var(--primitive-160) !important;
777
+ }
778
+ .top-40 {
779
+ top: var(--primitive-160) !important;
780
+ }
781
+ .right-40 {
782
+ right: var(--primitive-160) !important;
783
+ }
784
+ .bottom-40 {
785
+ bottom: var(--primitive-160) !important;
786
+ }
787
+ .left-40 {
788
+ left: var(--primitive-160) !important;
789
+ }
790
+
791
+ .inset-44 {
792
+ inset: var(--primitive-176) !important;
793
+ }
794
+ .inset-x-44 {
795
+ left: var(--primitive-176) !important;
796
+ right: var(--primitive-176) !important;
797
+ }
798
+ .inset-y-44 {
799
+ top: var(--primitive-176) !important;
800
+ bottom: var(--primitive-176) !important;
801
+ }
802
+ .start-44 {
803
+ inset-inline-start: var(--primitive-176) !important;
804
+ }
805
+ .end-44 {
806
+ inset-inline-end: var(--primitive-176) !important;
807
+ }
808
+ .top-44 {
809
+ top: var(--primitive-176) !important;
810
+ }
811
+ .right-44 {
812
+ right: var(--primitive-176) !important;
813
+ }
814
+ .bottom-44 {
815
+ bottom: var(--primitive-176) !important;
816
+ }
817
+ .left-44 {
818
+ left: var(--primitive-176) !important;
819
+ }
820
+
821
+ .inset-48 {
822
+ inset: var(--primitive-192) !important;
823
+ }
824
+ .inset-x-48 {
825
+ left: var(--primitive-192) !important;
826
+ right: var(--primitive-192) !important;
827
+ }
828
+ .inset-y-48 {
829
+ top: var(--primitive-192) !important;
830
+ bottom: var(--primitive-192) !important;
831
+ }
832
+ .start-48 {
833
+ inset-inline-start: var(--primitive-192) !important;
834
+ }
835
+ .end-48 {
836
+ inset-inline-end: var(--primitive-192) !important;
837
+ }
838
+ .top-48 {
839
+ top: var(--primitive-192) !important;
840
+ }
841
+ .right-48 {
842
+ right: var(--primitive-192) !important;
843
+ }
844
+ .bottom-48 {
845
+ bottom: var(--primitive-192) !important;
846
+ }
847
+ .left-48 {
848
+ left: var(--primitive-192) !important;
849
+ }
850
+ .inset-52 {
851
+ inset: var(--primitive-208) !important;
852
+ }
853
+ .inset-x-52 {
854
+ left: var(--primitive-208) !important;
855
+ right: var(--primitive-208) !important;
856
+ }
857
+ .inset-y-52 {
858
+ top: var(--primitive-208) !important;
859
+ bottom: var(--primitive-208) !important;
860
+ }
861
+ .start-52 {
862
+ inset-inline-start: var(--primitive-208) !important;
863
+ }
864
+ .end-52 {
865
+ inset-inline-end: var(--primitive-208) !important;
866
+ }
867
+ .top-52 {
868
+ top: var(--primitive-208) !important;
869
+ }
870
+ .right-52 {
871
+ right: var(--primitive-208) !important;
872
+ }
873
+ .bottom-52 {
874
+ bottom: var(--primitive-208) !important;
875
+ }
876
+ .left-52 {
877
+ left: var(--primitive-208) !important;
878
+ }
879
+
880
+ .inset-56 {
881
+ inset: var(--primitive-224) !important;
882
+ }
883
+ .inset-x-56 {
884
+ left: var(--primitive-224) !important;
885
+ right: var(--primitive-224) !important;
886
+ }
887
+ .inset-y-56 {
888
+ top: var(--primitive-224) !important;
889
+ bottom: var(--primitive-224) !important;
890
+ }
891
+ .start-56 {
892
+ inset-inline-start: var(--primitive-224) !important;
893
+ }
894
+ .end-56 {
895
+ inset-inline-end: var(--primitive-224) !important;
896
+ }
897
+ .top-56 {
898
+ top: var(--primitive-224) !important;
899
+ }
900
+ .right-56 {
901
+ right: var(--primitive-224) !important;
902
+ }
903
+ .bottom-56 {
904
+ bottom: var(--primitive-224) !important;
905
+ }
906
+ .left-56 {
907
+ left: var(--primitive-224) !important;
908
+ }
909
+
910
+ .inset-60 {
911
+ inset: var(--primitive-240) !important;
912
+ }
913
+ .inset-x-60 {
914
+ left: var(--primitive-240) !important;
915
+ right: var(--primitive-240) !important;
916
+ }
917
+ .inset-y-60 {
918
+ top: var(--primitive-240) !important;
919
+ bottom: var(--primitive-240) !important;
920
+ }
921
+ .start-60 {
922
+ inset-inline-start: var(--primitive-240) !important;
923
+ }
924
+ .end-60 {
925
+ inset-inline-end: var(--primitive-240) !important;
926
+ }
927
+ .top-60 {
928
+ top: var(--primitive-240) !important;
929
+ }
930
+ .right-60 {
931
+ right: var(--primitive-240) !important;
932
+ }
933
+ .bottom-60 {
934
+ bottom: var(--primitive-240) !important;
935
+ }
936
+ .left-60 {
937
+ left: var(--primitive-240) !important;
938
+ }
939
+
940
+ .inset-64 {
941
+ inset: var(--primitive-256) !important;
942
+ }
943
+ .inset-x-64 {
944
+ left: var(--primitive-256) !important;
945
+ right: var(--primitive-256) !important;
946
+ }
947
+ .inset-y-64 {
948
+ top: var(--primitive-256) !important;
949
+ bottom: var(--primitive-256) !important;
950
+ }
951
+ .start-64 {
952
+ inset-inline-start: var(--primitive-256) !important;
953
+ }
954
+ .end-64 {
955
+ inset-inline-end: var(--primitive-256) !important;
956
+ }
957
+ .top-64 {
958
+ top: var(--primitive-256) !important;
959
+ }
960
+ .right-64 {
961
+ right: var(--primitive-256) !important;
962
+ }
963
+ .bottom-64 {
964
+ bottom: var(--primitive-256) !important;
965
+ }
966
+ .left-64 {
967
+ left: var(--primitive-256) !important;
968
+ }
969
+
970
+ .inset-72 {
971
+ inset: var(--primitive-288) !important;
972
+ }
973
+ .inset-x-72 {
974
+ left: var(--primitive-288) !important;
975
+ right: var(--primitive-288) !important;
976
+ }
977
+ .inset-y-72 {
978
+ top: var(--primitive-288) !important;
979
+ bottom: var(--primitive-288) !important;
980
+ }
981
+ .start-72 {
982
+ inset-inline-start: var(--primitive-288) !important;
983
+ }
984
+ .end-72 {
985
+ inset-inline-end: var(--primitive-288) !important;
986
+ }
987
+ .top-72 {
988
+ top: var(--primitive-288) !important;
989
+ }
990
+ .right-72 {
991
+ right: var(--primitive-288) !important;
992
+ }
993
+ .bottom-72 {
994
+ bottom: var(--primitive-288) !important;
995
+ }
996
+ .left-72 {
997
+ left: var(--primitive-288) !important;
998
+ }
999
+ .inset-80 {
1000
+ inset: var(--primitive-320) !important;
1001
+ }
1002
+ .inset-x-80 {
1003
+ left: var(--primitive-320) !important;
1004
+ right: var(--primitive-320) !important;
1005
+ }
1006
+ .inset-y-80 {
1007
+ top: var(--primitive-320) !important;
1008
+ bottom: var(--primitive-320) !important;
1009
+ }
1010
+ .start-80 {
1011
+ inset-inline-start: var(--primitive-320) !important;
1012
+ }
1013
+ .end-80 {
1014
+ inset-inline-end: var(--primitive-320) !important;
1015
+ }
1016
+ .top-80 {
1017
+ top: var(--primitive-320) !important;
1018
+ }
1019
+ .right-80 {
1020
+ right: var(--primitive-320) !important;
1021
+ }
1022
+ .bottom-80 {
1023
+ bottom: var(--primitive-320) !important;
1024
+ }
1025
+ .left-80 {
1026
+ left: var(--primitive-320) !important;
1027
+ }
1028
+
1029
+ .inset-96 {
1030
+ inset: var(--primitive-384) !important;
1031
+ }
1032
+ .inset-x-96 {
1033
+ left: var(--primitive-384) !important;
1034
+ right: var(--primitive-384) !important;
1035
+ }
1036
+ .inset-y-96 {
1037
+ top: var(--primitive-384) !important;
1038
+ bottom: var(--primitive-384) !important;
1039
+ }
1040
+ .start-96 {
1041
+ inset-inline-start: var(--primitive-384) !important;
1042
+ }
1043
+ .end-96 {
1044
+ inset-inline-end: var(--primitive-384) !important;
1045
+ }
1046
+ .top-96 {
1047
+ top: var(--primitive-384) !important;
1048
+ }
1049
+ .right-96 {
1050
+ right: var(--primitive-384) !important;
1051
+ }
1052
+ .bottom-96 {
1053
+ bottom: var(--primitive-384) !important;
1054
+ }
1055
+ .left-96 {
1056
+ left: var(--primitive-384) !important;
1057
+ }
1058
+
1059
+ .inset-auto {
1060
+ inset: auto !important;
1061
+ }
1062
+ .inset-1/2 {
1063
+ inset: 50% !important;
1064
+ }
1065
+ .inset-1/3 {
1066
+ inset: 33.333333% !important;
1067
+ }
1068
+ .inset-2/3 {
1069
+ inset: 66.666667% !important;
1070
+ }
1071
+ .inset-1/4 {
1072
+ inset: 25% !important;
1073
+ }
1074
+ .inset-2/4 {
1075
+ inset: 50% !important;
1076
+ }
1077
+ .inset-3/4 {
1078
+ inset: 75% !important;
1079
+ }
1080
+ .inset-full {
1081
+ inset: 100% !important;
1082
+ }
1083
+
1084
+ .inset-x-auto {
1085
+ left: auto !important;
1086
+ right: auto !important;
1087
+ }
1088
+ .inset-x-1/2 {
1089
+ left: 50% !important;
1090
+ right: 50% !important;
1091
+ }
1092
+ .inset-x-1/3 {
1093
+ left: 33.333333% !important;
1094
+ right: 33.333333% !important;
1095
+ }
1096
+ .inset-x-2/3 {
1097
+ left: 66.666667% !important;
1098
+ right: 66.666667% !important;
1099
+ }
1100
+ .inset-x-1/4 {
1101
+ left: 25% !important;
1102
+ right: 25% !important;
1103
+ }
1104
+ .inset-x-2/4 {
1105
+ left: 50% !important;
1106
+ right: 50% !important;
1107
+ }
1108
+ .inset-x-3/4 {
1109
+ left: 75% !important;
1110
+ right: 75% !important;
1111
+ }
1112
+ .inset-x-full {
1113
+ left: 100% !important;
1114
+ right: 100% !important;
1115
+ }
1116
+ .inset-y-auto {
1117
+ top: auto !important;
1118
+ bottom: auto !important;
1119
+ }
1120
+ .inset-y-1/2 {
1121
+ top: 50% !important;
1122
+ bottom: 50% !important;
1123
+ }
1124
+ .inset-y-1/3 {
1125
+ top: 33.333333% !important;
1126
+ bottom: 33.333333% !important;
1127
+ }
1128
+ .inset-y-2/3 {
1129
+ top: 66.666667% !important;
1130
+ bottom: 66.666667% !important;
1131
+ }
1132
+ .inset-y-1/4 {
1133
+ top: 25% !important;
1134
+ bottom: 25% !important;
1135
+ }
1136
+ .inset-y-2/4 {
1137
+ top: 50% !important;
1138
+ bottom: 50% !important;
1139
+ }
1140
+ .inset-y-3/4 {
1141
+ top: 75% !important;
1142
+ bottom: 75% !important;
1143
+ }
1144
+ .inset-y-full {
1145
+ top: 100% !important;
1146
+ bottom: 100% !important;
1147
+ }
1148
+
1149
+ .start-auto {
1150
+ inset-inline-start: auto !important;
1151
+ }
1152
+ .start-1/2 {
1153
+ inset-inline-start: 50% !important;
1154
+ }
1155
+ .start-1/3 {
1156
+ inset-inline-start: 33.333333% !important;
1157
+ }
1158
+ .start-2/3 {
1159
+ inset-inline-start: 66.666667% !important;
1160
+ }
1161
+ .start-1/4 {
1162
+ inset-inline-start: 25% !important;
1163
+ }
1164
+ .start-2/4 {
1165
+ inset-inline-start: 50% !important;
1166
+ }
1167
+ .start-3/4 {
1168
+ inset-inline-start: 75% !important;
1169
+ }
1170
+ .start-full {
1171
+ inset-inline-start: 100% !important;
1172
+ }
1173
+
1174
+ .end-auto {
1175
+ inset-inline-end: auto !important;
1176
+ }
1177
+ .end-1/2 {
1178
+ inset-inline-end: 50% !important;
1179
+ }
1180
+ .end-1/3 {
1181
+ inset-inline-end: 33.333333% !important;
1182
+ }
1183
+ .end-2/3 {
1184
+ inset-inline-end: 66.666667% !important;
1185
+ }
1186
+ .end-1/4 {
1187
+ inset-inline-end: 25% !important;
1188
+ }
1189
+ .end-2/4 {
1190
+ inset-inline-end: 50% !important;
1191
+ }
1192
+ .end-3/4 {
1193
+ inset-inline-end: 75% !important;
1194
+ }
1195
+ .end-full {
1196
+ inset-inline-end: 100% !important;
1197
+ }
1198
+
1199
+ .top-auto {
1200
+ top: auto !important;
1201
+ }
1202
+ .top-1/2 {
1203
+ top: 50% !important;
1204
+ }
1205
+ .top-1/3 {
1206
+ top: 33.333333% !important;
1207
+ }
1208
+ .top-2/3 {
1209
+ top: 66.666667% !important;
1210
+ }
1211
+ .top-1/4 {
1212
+ top: 25% !important;
1213
+ }
1214
+ .top-2/4 {
1215
+ top: 50% !important;
1216
+ }
1217
+ .top-3/4 {
1218
+ top: 75% !important;
1219
+ }
1220
+ .top-full {
1221
+ top: 100% !important;
1222
+ }
1223
+
1224
+ .right-auto {
1225
+ right: auto !important;
1226
+ }
1227
+ .right-1/2 {
1228
+ right: 50% !important;
1229
+ }
1230
+ .right-1/3 {
1231
+ right: 33.333333% !important;
1232
+ }
1233
+ .right-2/3 {
1234
+ right: 66.666667% !important;
1235
+ }
1236
+ .right-1/4 {
1237
+ right: 25% !important;
1238
+ }
1239
+ .right-2/4 {
1240
+ right: 50% !important;
1241
+ }
1242
+ .right-3/4 {
1243
+ right: 75% !important;
1244
+ }
1245
+ .right-full {
1246
+ right: 100% !important;
1247
+ }
1248
+
1249
+ .bottom-auto {
1250
+ bottom: auto !important;
1251
+ }
1252
+ .bottom-1/2 {
1253
+ bottom: 50% !important;
1254
+ }
1255
+ .bottom-1/3 {
1256
+ bottom: 33.333333% !important;
1257
+ }
1258
+ .bottom-2/3 {
1259
+ bottom: 66.666667% !important;
1260
+ }
1261
+ .bottom-1/4 {
1262
+ bottom: 25% !important;
1263
+ }
1264
+ .bottom-2/4 {
1265
+ bottom: 50% !important;
1266
+ }
1267
+ .bottom-3/4 {
1268
+ bottom: 75% !important;
1269
+ }
1270
+ .bottom-full {
1271
+ bottom: 100% !important;
1272
+ }
1273
+
1274
+ .left-auto {
1275
+ left: auto !important;
1276
+ }
1277
+ .left-1/2 {
1278
+ left: 50% !important;
1279
+ }
1280
+ .left-1/3 {
1281
+ left: 33.333333% !important;
1282
+ }
1283
+ .left-2/3 {
1284
+ left: 66.666667% !important;
1285
+ }
1286
+ .left-1/4 {
1287
+ left: 25% !important;
1288
+ }
1289
+ .left-2/4 {
1290
+ left: 50% !important;
1291
+ }
1292
+ .left-3/4 {
1293
+ left: 75% !important;
1294
+ }
1295
+ .left-full {
1296
+ left: 100% !important;
1297
+ }