-
-
Notifications
You must be signed in to change notification settings - Fork 780
/
preset-mini-targets.css
1131 lines (1131 loc) · 73 KB
/
preset-mini-targets.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
/* layer: preflights */
*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);}
/* layer: 1 */
.uno-layer-1\:translate-0{--un-translate-x:0;--un-translate-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
/* layer: default */
.fw-\$variable{font-weight:var(--variable);}
.items-\$size{align-items:var(--size);}
.ws-\$variable{white-space:var(--variable);}
.\[--css-spacing\:theme\(spacing\.sm\)\]{--css-spacing:0.875rem;}
.\[--css-variable-color\:theme\(colors\.green\.500\)\,theme\(colors\.blue\.500\)\]{--css-variable-color:#22c55e,#3b82f6;}
.\[--css-variable-color\:theme\(colors\.red\.500\)\]{--css-variable-color:#ef4444;}
.\[--css-variable-color\:theme\(colors\.red\.500\/50\%\)\]{--css-variable-color:rgb(239 68 68 / 50%);}
.\[--css-variable\:\"wght\"_400\,_\"opsz\"_14\]{--css-variable:"wght" 400, "opsz" 14;}
.\[a\:b\]{a:b;}
.\[background-image\:url\(star_transparent\.gif\)\,_url\(cat_front\.png\)\]{background-image:url(star_transparent.gif), url(cat_front.png);}
.\[color\:theme\(colors\.blue\.300\/40\%\)\]{color:rgb(147 197 253 / 40%);}
.\[content\:attr\(attr_content\)\]{content:attr(attr content);}
.\[content\:attr\(attr\\_content\)\]{content:attr(attr_content);}
.\[font-family\:\'Inter\'\,_sans-serif\]{font-family:'Inter', sans-serif;}
.\[font-family\:var\(--font-family\)\]{font-family:var(--font-family);}
.\[font-feature-settings\:\'cv02\'\,\'cv03\'\,\'cv04\'\,\'cv11\'\]{font-feature-settings:'cv02','cv03','cv04','cv11';}
.\[font-variation-settings\:\"wght\"_400\,_\"opsz\"_14\]{font-variation-settings:"wght" 400, "opsz" 14;}
.\[margin\:logical_1rem_2rem_3rem\]{margin:logical 1rem 2rem 3rem;}
.\[padding\:theme\(spacing\.xl\)\]{padding:1.25rem;}
.all-\[\.target\]-\[combinator\:test-2\] .target,
.children-\[\.target\]-\[combinator\:test-2\]>.target,
.next-\[\.target\]-\[combinator\:test-2\]+.target{combinator:test-2;}
.all-\[\[data-hvr\]\:hover\]\:\[color\:red\] [data-hvr]:hover{color:red;}
.sibling-\[div\:hover\]-\[combinator\:test-4\]+div:hover{combinator:test-4;}
.-p-px{padding:-1px;}
.\!p-5px{padding:5px !important;}
.has-hover\:p-2:has(:hover),
.p-2,
.p2,
.where-hover\:p-2:where(:hover){padding:0.5rem;}
.important\:p-3,
.p3\!{padding:0.75rem !important;}
.is-hover\:p-4px:is(:hover),
.not-hover\:p-4px:not(:hover){padding:4px;}
.not-hover\:p-3:not(:hover){padding:0.75rem;}
.p-none{padding:0;}
.p-unset{padding:unset;}
.pa{padding:auto;}
.hover\:\!p-1:hover{padding:0.25rem !important;}
.hover\:p-5:hover{padding:1.25rem;}
.p-xy,
.pxy,
.group:focus .group-focus\:p-4{padding:1rem;}
.first\:p-2:first-child{padding:0.5rem;}
.p-x,
.px{padding-left:1rem;padding-right:1rem;}
.px-1{padding-left:0.25rem;padding-right:0.25rem;}
.\!hover\:px-10:hover{padding-left:2.5rem !important;padding-right:2.5rem !important;}
.p-t-2,
.pt-2,
.pt2{padding-top:0.5rem;}
.pb{padding-bottom:1rem;}
.pe-8{padding-inline-end:2rem;}
.pl-10px{padding-left:10px;}
.pl-revert{padding-left:revert;}
.p-is,
.pis,
.ps-4{padding-inline-start:1rem;}
.pt-\$title2{padding-top:var(--title2);}
.pt-6{padding-top:1.5rem;}
.p-bs-2,
.pbs-2,
.pbs2{padding-block-start:0.5rem;}
.p-ie-none{padding-inline-end:0;}
.p-ie-revert{padding-inline-end:revert;}
.pbs-\$title2{padding-block-start:var(--title2);}
.pis-10px{padding-inline-start:10px;}
.group:not([data-potato]) .group-not-\[\[data-potato\]\]\:m-1,
.parent:not(#someId)>.parent-not-\[\#someId\]\:m-1,
.peer:where(.child)~.peer-where-\[\.child\]\:m-1,
.previous:is(div)+.previous-is-\[div\]\:m-1,
.has-\[\:hover\]\:m-1:has(:hover){margin:0.25rem;}
.-m-lg,
.m--lg{margin:calc(var(--spacing-lg) * -1);}
.-m-md,
.m--md{margin:calc(calc(var(--spacing-md)) * -1);}
.\!m-\$c-m{margin:var(--c-m) !important;}
.\[\&_\&\]\:m-13 .\[\&_\&\]\:m-13{margin:3.25rem;}
.\[\&\:nth-child\(2\)\]\:m-10:nth-child(2){margin:2.5rem;}
.\[\&\[open\]\:readonly\]\:m-16[open]:readonly{margin:4rem;}
.\[\&\[open\]\]\:m-14[open]{margin:3.5rem;}
.\[\&\[readonly\]\[disabled\]\]\:m-15[readonly][disabled]{margin:3.75rem;}
.\[\&\>\*\]\:m-11>*{margin:2.75rem;}
.all\:m-auto *,
.children\:m-auto>*,
.m-auto{margin:auto;}
.all\:m1\/1 *{margin:100%;}
.m-\[3em\]{margin:3em;}
.m-0,
.m-none{margin:0;}
.m-1\/2{margin:50%;}
.m-inherit{margin:inherit;}
.m-lg{margin:var(--spacing-lg);}
.m-md{margin:calc(var(--spacing-md));}
*[open]:readonly .\[\*\[open\]\:readonly_\&\]\:\[\&\[open\]\:disabled\]\:m-17[open]:disabled{margin:4.25rem;}
*>.\[\*\>\&\]\:m-12{margin:3rem;}
.m-xy,
.mxy{margin:1rem;}
.mx-1{margin-left:0.25rem;margin-right:0.25rem;}
.my-\[var\(--hello-space-y\)\]{margin-top:var(--hello-space-y);margin-bottom:var(--hello-space-y);}
.my-auto{margin-top:auto;margin-bottom:auto;}
.my-revert-layer{margin-top:revert-layer;margin-bottom:revert-layer;}
.-\!mb-safe{margin-bottom:calc(max(env(safe-area-inset-left), env(safe-area-inset-right)) * -1) !important;}
.-mb-px{margin-bottom:-1px;}
.-mt--5cm{margin-top:5cm;}
.-mt-safe{margin-top:calc(max(env(safe-area-inset-left), env(safe-area-inset-right)) * -1);}
.\!-ms-safe{margin-inline-start:calc(max(env(safe-area-inset-left), env(safe-area-inset-right)) * -1) !important;}
.me-8{margin-inline-end:2rem;}
.ms-4{margin-inline-start:1rem;}
.mt-\[-10\.2\%\]{margin-top:-10.2%;}
.mt-\$height{margin-top:var(--height);}
.mt-6{margin-top:1.5rem;}
.next\:mt-0+*{margin-top:0;}
.m-block{margin-block-start:1rem;margin-block-end:1rem;}
.m-block-auto{margin-block-start:auto;margin-block-end:auto;}
.m-block-inherit{margin-block-start:inherit;margin-block-end:inherit;}
.m-inline-none{margin-inline-start:0;margin-inline-end:0;}
.mbs{margin-block-start:1rem;}
.mbs-\[-10\.2\%\]{margin-block-start:-10.2%;}
.mbs-\$height{margin-block-start:var(--height);}
.mbs-unset{margin-block-start:unset;}
.data-\[inline\]\:inline[data-inline],
[data-any] .scope-\[\[data-any\]\]\:inline{display:inline;}
unocss .scope-\[unocss\]\:block{display:block;}
.contents{display:contents;}
.display-\$var{display:var(--var);}
.display-inherit{display:inherit;}
.op-10{opacity:0.1;}
.opacity-\$opa{opacity:var(--opa);}
.opacity-0{opacity:0;}
.disabled\:op50:disabled{opacity:0.5;}
.placeholder-opacity-60::placeholder{opacity:0.6;}
.\[\&\[data-active\=\"true\"\]\]\:bg-red[data-active="true"]{--un-bg-opacity:1;background-color:rgb(248 113 113 / var(--un-bg-opacity));}
.bg-\[--css-spacing\,theme\(spacing\.sm\)\]{background-color:var(--css-spacing,0.875rem);}
.bg-\[--test-variable\],
.bg-\$test-variable{background-color:var(--test-variable);}
.bg-\[\#153\]\/10,
.bg-\[\#1533\]\/10{background-color:rgb(17 85 51 / 0.1);}
.bg-\[\#1533\]{--un-bg-opacity:0.2;background-color:rgb(17 85 51 / var(--un-bg-opacity));}
.bg-\[10\%\]{background-position:10%;}
.bg-\[10px\]{background-position:10px;}
.bg-\[10vw\]{background-position:10vw;}
.bg-\[calc\(10\%\+10px\)\]{background-position:calc(10% + 10px);}
.bg-\[calc\(10vw\+10px\)\]{background-position:calc(10vw + 10px);}
.bg-\[conic-gradient\(red\,blue\)\]{background-image:conic-gradient(red,blue);}
.bg-\[length\:--variable\],
.bg-\[size\:--variable\]{background-size:var(--variable);}
.bg-\[length\:1\/2_20rem\],
.bg-\[size\:1\/2_20rem\]{background-size:50% 20rem;}
.bg-\[length\:10_20rem\],
.bg-\[size\:10_20rem\]{background-size:10px 20rem;}
.bg-\[linear-gradient\(45deg\,\#0072ff\,\#00d2e8\,\#04fd8f\,\#70fd6c\)\]{background-image:linear-gradient(45deg,#0072ff,#00d2e8,#04fd8f,#70fd6c);}
.bg-\[position\:--variable\]{background-position:var(--variable);}
.bg-\[position\:1\/2_20rem\]{background-position:50% 20rem;}
.bg-\[position\:10_20rem\]{background-position:10px 20rem;}
.bg-\[position\:bottom_left_10\%\]{background-position:bottom left 10%;}
.bg-\[position\:top_right_1\/3\]{background-position:top right 33.3333333333%;}
.bg-\[radial-gradient\(red\,blue\)\]{background-image:radial-gradient(red,blue);}
.bg-\[rgb\(4_5_6\/0\.7\)\]\/\[calc\(100\/3\)\]{background-color:rgb(4 5 6 / calc(100 / 3));}
.bg-\[rgba\(1\,2\,3\,0\.5\)\]{--un-bg-opacity:0.5;background-color:rgba(1, 2, 3, var(--un-bg-opacity));}
.bg-\[rgba\(4_5_6\/0\.7\)\]{--un-bg-opacity:0.7;background-color:rgba(4, 5, 6, var(--un-bg-opacity));}
.bg-\[rgba\(4_5_6\/0\.7\)\]\/80{background-color:rgba(4, 5, 6, 0.8);}
.bg-\[url\(https\:\/\/test\.unocss\.png\)\]{--un-url:url(https://test.unocss.png);background-image:var(--un-url);}
.bg-\#452233\/40,
.bg-hex-452233\/40{background-color:rgb(69 34 51 / 0.4);}
.bg-red-100{--un-bg-opacity:1;background-color:rgb(254 226 226 / var(--un-bg-opacity));}
.bg-teal-100\/55{background-color:rgb(204 251 241 / 0.55);}
.bg-teal-200\:55{background-color:rgb(153 246 228 / 0.55);}
.bg-teal-300\:\[\.55\]{background-color:rgb(94 234 212 / .55);}
.bg-teal-400\/\[\.55\]{background-color:rgb(45 212 191 / .55);}
.bg-teal-500\/\[55\%\]{background-color:rgb(20 184 166 / 55%);}
.first-letter\:bg-green-400::first-letter{--un-bg-opacity:1;background-color:rgb(74 222 128 / var(--un-bg-opacity));}
.first-line\:bg-green-400::first-line{--un-bg-opacity:1;background-color:rgb(74 222 128 / var(--un-bg-opacity));}
.peer:checked~.peer-checked\:bg-blue-500{--un-bg-opacity:1;background-color:rgb(59 130 246 / var(--un-bg-opacity));}
.previous\/label:checked+.previous-checked\/label\:bg-red-500{--un-bg-opacity:1;background-color:rgb(239 68 68 / var(--un-bg-opacity));}
.focus-within\:has-first\:checked\:bg-gray\/20:checked:has(:first-child):focus-within{background-color:rgb(156 163 175 / 0.2);}
.focus-within\:where-first\:checked\:bg-gray\/20:checked:where(:first-child):focus-within{background-color:rgb(156 163 175 / 0.2);}
.hover\:file\:bg-violet-100::file-selector-button:hover{--un-bg-opacity:1;background-color:rgb(237 233 254 / var(--un-bg-opacity));}
.hover\:is-first\:checked\:bg-true-gray\/10:checked:is(:first-child):hover{background-color:rgb(163 163 163 / 0.1);}
.hover\:not-first\:checked\:bg-red\/10:checked:not(:first-child):hover{background-color:rgb(248 113 113 / 0.1);}
.hover\:not-first\:checked\:bg-true-gray\/10:checked:not(:first-child):hover{background-color:rgb(163 163 163 / 0.1);}
.marker\:bg-violet-200 ::marker{--un-bg-opacity:1;background-color:rgb(221 214 254 / var(--un-bg-opacity));}
.file\:bg-violet-50::file-selector-button{--un-bg-opacity:1;background-color:rgb(245 243 255 / var(--un-bg-opacity));}
.bg-opacity-\[--opacity-variable\],
.bg-opacity-\$opacity-variable{--un-bg-opacity:var(--opacity-variable);}
.bg-opacity-45{--un-bg-opacity:0.45;}
.color-scheme-dark{color-scheme:dark;}
.color-scheme-light{color-scheme:light;}
.all-\[svg\]\:fill-red svg{--un-fill-opacity:1;fill:rgb(248 113 113 / var(--un-fill-opacity));}
.fill-\[\#123\]{--un-fill-opacity:1;fill:rgb(17 34 51 / var(--un-fill-opacity));}
.fill-current{fill:currentColor;}
.fill-green-400{--un-fill-opacity:1;fill:rgb(74 222 128 / var(--un-fill-opacity));}
.fill-opacity-\$opacity-variable{--un-fill-opacity:var(--opacity-variable);}
.fill-opacity-80{--un-fill-opacity:0.8;}
.fill-none{fill:none;}
.stroke-\[1rem\],
.stroke-size-\[1rem\],
.stroke-width-\[1rem\]{stroke-width:1rem;}
.stroke-size-\$variable,
.stroke-width-\$variable{stroke-width:var(--variable);}
.stroke-size-1,
.stroke-size-1px,
.stroke-width-1,
.stroke-width-1px{stroke-width:1px;}
.stroke-size-none{stroke-width:0;}
.stroke-dash-\[5\,3\,2\]{stroke-dasharray:5,3,2;}
.stroke-dash-\$variable{stroke-dasharray:var(--variable);}
.stroke-dash-1{stroke-dasharray:1;}
.stroke-offset-\[1rem\]{stroke-dashoffset:1rem;}
.stroke-offset-\$variable{stroke-dashoffset:var(--variable);}
.stroke-offset-1,
.stroke-offset-1px{stroke-dashoffset:1px;}
.stroke-offset-none{stroke-dashoffset:0;}
.stroke-\[\#123\]{--un-stroke-opacity:1;stroke:rgb(17 34 51 / var(--un-stroke-opacity));}
.stroke-\[calc\(1rem-1px\)\]{stroke-width:calc(1rem - 1px);}
.stroke-current{stroke:currentColor;}
.stroke-green-400{--un-stroke-opacity:1;stroke:rgb(74 222 128 / var(--un-stroke-opacity));}
.stroke-opacity-\$opacity-variable{--un-stroke-opacity:var(--opacity-variable);}
.stroke-opacity-80{--un-stroke-opacity:0.8;}
.stroke-cap-round{stroke-linecap:round;}
.stroke-cap-auto{stroke-linecap:butt;}
.stroke-join-clip{stroke-linejoin:miter-clip;}
.stroke-join-auto{stroke-linejoin:miter;}
.stroke-none{stroke:none;}
.peer[data-state=closed]~.peer-data-\[state\=closed\]\:border-3,
.border-width-3{border-width:3px;}
.b-2,
.border-size-2{border-width:2px;}
.border{border-width:1px;}
.border-4{border-width:4px;}
.border-x{border-left-width:1px;border-right-width:1px;}
.border-b{border-bottom-width:1px;}
.border-e-4{border-inline-end-width:4px;}
.border-s-0{border-inline-start-width:0px;}
.border-t-2,
.border-t-size-2{border-top-width:2px;}
.border-inline{border-inline-start-width:1px;border-inline-end-width:1px;}
.border-be{border-block-end-width:1px;}
.border-bs-2{border-block-start-width:2px;}
.border-size-\$variable,
.border-width-\$variable{border-width:var(--variable);}
.border-size-none{border-width:0;}
.border-size-unset{border-width:unset;}
.border-width-\[2em\]{border-width:2em;}
.border-width-\[calc\(1em-1px\)\]{border-width:calc(1em - 1px);}
.border-x-size-2{border-left-width:2px;border-right-width:2px;}
.border-x-width-3{border-left-width:3px;border-right-width:3px;}
.border-s-width-\$variable{border-inline-start-width:var(--variable);}
.border-t-width-3{border-top-width:3px;}
.b-block-size-\$variable{border-block-start-width:var(--variable);border-block-end-width:var(--variable);}
.border-\[\#124\]{--un-border-opacity:1;border-color:rgb(17 34 68 / var(--un-border-opacity));}
.border-\[calc\(10px\+1px\)\]{border-width:calc(10px + 1px);}
.border-\[calc\(var\(--border-width\)\*1px\)\]{border-width:calc(var(--border-width) * 1px);}
.border-\[var\(--color\)\],
.border-\$color{border-color:var(--color);}
.border-black{--un-border-opacity:1;border-color:rgb(0 0 0 / var(--un-border-opacity));}
.border-black\/10{border-color:rgb(0 0 0 / 0.1);}
.border-blue{--un-border-opacity:1;border-color:rgb(96 165 250 / var(--un-border-opacity));}
.border-green-100\/20{border-color:rgb(220 252 231 / 0.2);}
.border-red-100,
.border-red100{--un-border-opacity:1;border-color:rgb(254 226 226 / var(--un-border-opacity));}
.border-red-200\/10{border-color:rgb(254 202 202 / 0.1);}
.border-red-300\/20{border-color:rgb(252 165 165 / 0.2);}
.border-red2{--un-border-opacity:1;border-color:rgb(254 202 202 / var(--un-border-opacity));}
.border-x-\[rgb\(1\,2\,3\)\]\/\[0\.5\]{border-left-color:rgb(1 2 3 / 0.5);border-right-color:rgb(1 2 3 / 0.5);}
.border-x-\[rgb\(4_5_6\)\]\/\[0\.5\]{border-left-color:rgb(4 5 6 / 0.5);border-right-color:rgb(4 5 6 / 0.5);}
.border-x-\$color{border-left-color:var(--color);border-right-color:var(--color);}
.border-y-red{--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgb(248 113 113 / var(--un-border-top-opacity));--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgb(248 113 113 / var(--un-border-bottom-opacity));}
.border-b-blue{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgb(96 165 250 / var(--un-border-bottom-opacity));}
.border-e-red-200\/10{border-inline-end-color:rgb(254 202 202 / 0.1);}
.border-e-red-300\/\[20\]{border-inline-end-color:rgb(252 165 165 / 20);}
.border-e-red-400{--un-border-opacity:1;--un-border-inline-end-opacity:var(--un-border-opacity);border-inline-end-color:rgb(248 113 113 / var(--un-border-inline-end-opacity));}
.border-s-green-500{--un-border-opacity:1;--un-border-inline-start-opacity:var(--un-border-opacity);border-inline-start-color:rgb(34 197 94 / var(--un-border-inline-start-opacity));}
.border-s-red-100{--un-border-opacity:1;--un-border-inline-start-opacity:var(--un-border-opacity);border-inline-start-color:rgb(254 226 226 / var(--un-border-inline-start-opacity));}
.border-t-\[\#124\]{--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgb(17 34 68 / var(--un-border-top-opacity));}
.border-t-\$color{border-top-color:var(--color);}
.border-t-black\/10{border-top-color:rgb(0 0 0 / 0.1);}
.border-opacity-\$opacity-variable{--un-border-opacity:var(--opacity-variable);}
.border-opacity-20{--un-border-opacity:0.2;}
.border-y-op-30{--un-border-top-opacity:0.3;--un-border-bottom-opacity:0.3;}
.border-b-op40{--un-border-bottom-opacity:0.4;}
.border-s-opacity50{--un-border-inline-start-opacity:0.5;}
.b-rounded,
.border-rounded,
.rounded{border-radius:0.25rem;}
.rounded-\[4px\]{border-radius:4px;}
.rounded-\$variable{border-radius:var(--variable);}
.rounded-1\/2{border-radius:50%;}
.rounded-full{border-radius:9999px;}
.rounded-md{border-radius:0.375rem;}
.rounded-none{border-radius:0;}
.rounded-unset{border-radius:unset;}
.rounded-b-revert{border-bottom-left-radius:revert;border-bottom-right-radius:revert;}
.rounded-e{border-start-end-radius:0.25rem;border-end-end-radius:0.25rem;}
.rounded-s{border-end-start-radius:0.25rem;border-start-start-radius:0.25rem;}
.rounded-t-sm{border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;}
.rounded-rb-1\/2{border-bottom-right-radius:50%;}
.rounded-tr{border-top-right-radius:0.25rem;}
.rounded-bs-sm{border-start-start-radius:0.125rem;border-start-end-radius:0.125rem;}
.rounded-es{border-end-start-radius:0.25rem;}
.rounded-ss{border-start-start-radius:0.25rem;}
.rounded-bs-ie{border-start-end-radius:0.25rem;}
.rounded-ie-be-1\/2{border-end-end-radius:50%;}
.b-dashed,
.border-dashed{border-style:dashed;}
.b-dotted,
.border-dotted{border-style:dotted;}
.b-double,
.border-double{border-style:double;}
.b-hidden,
.border-hidden{border-style:hidden;}
.b-none,
.border-none{border-style:none;}
.b-solid,
.border-solid{border-style:solid;}
.border-inherit{border-style:inherit;}
.border-x-dashed{border-left-style:dashed;border-right-style:dashed;}
.border-y-revert-layer{border-top-style:revert-layer;border-bottom-style:revert-layer;}
.border-y-unset{border-top-style:unset;border-bottom-style:unset;}
.border-b-dashed{border-bottom-style:dashed;}
.border-e-dashed{border-inline-end-style:dashed;}
.border-l-dashed{border-left-style:dashed;}
.border-r-dashed{border-right-style:dashed;}
.border-s-dashed{border-inline-start-style:dashed;}
.border-t-dashed{border-top-style:dashed;}
.border-block-style-double{border-block-start-style:double;border-block-end-style:double;}
.border-ie-unset{border-inline-end-style:unset;}
.border-is-style-double{border-inline-start-style:double;}
.intrinsic-size-1\/2{contain-intrinsic-size:50%;}
.intrinsic-size-200{contain-intrinsic-size:50rem;}
.intrinsic-size-200px{contain-intrinsic-size:200px;}
.intrinsic-size-unset{contain-intrinsic-size:unset;}
.content-visibility-visible{content-visibility:visible;}
.content-visibility-hidden{content-visibility:hidden;}
.content-visibility-auto{content-visibility:auto;}
.content-visibility-unset{content-visibility:unset;}
.content-\[\'quoted_with_space\'\]{content:'quoted with space';}
.content-\[\'quoted1\'\]{content:'quoted1';}
.content-\[\"quoted2\"\]{content:"quoted2";}
.content-\[normal\]{content:normal;}
.content-\[quoted\:\!\]{content:"!";}
.content-\[quoted\:unocss\]{content:"unocss";}
.content-\[string\:attr\(dashed-attr\)\]{content:attr(dashed-attr);}
.content-\[string\:attr\(underlined\\_attr\)\]{content:attr(underlined_attr);}
.content-\$unocss-var{content:var(--unocss-var);}
.before\:\[\&\[data-active\=\'true\'\]\]\:content-\[\'test\'\][data-active='true']::before{content:'test';}
.after\:content-\[quoted\:unocss\]::after{content:"unocss";}
.content-empty{content:"";}
.content-none{content:none;}
.text-\[100px\]{font-size:100px;}
.text-\[11px\]\/4{font-size:11px;line-height:1rem;}
.text-\[12px\]\/\[13px\]{font-size:12px;line-height:13px;}
.text-\[2em\],
.text-\[length\:2em\],
.text-2em,
.text-size-\[2em\]{font-size:2em;}
.text-\[length\:--variable\],
.text-size-\$variable{font-size:var(--variable);}
.text-\[length\:var\(--size\)\]{font-size:var(--size);}
.text-\[length\:var\(--size\)\]\:\$leading{font-size:var(--size);line-height:var(--leading);}
.text-4xl,
.group:has(:placeholder-shown) .group-has-placeholder-shown\:text-4xl,
.group:where(:placeholder-shown) .group-where-placeholder-shown\:text-4xl{font-size:2.25rem;line-height:2.5rem;}
.text-base{font-size:1rem;line-height:1.5rem;}
.text-lg{font-size:1.125rem;line-height:1.75rem;}
.text-sm\/\[10px\]{font-size:0.875rem;line-height:10px;}
.text-sm\/3{font-size:0.875rem;line-height:0.75rem;}
.peer:is(:placeholder-shown)~.peer-is-placeholder-shown\:text-3xl,
.peer:not(:placeholder-shown)~.peer-not-placeholder-shown\:text-3xl{font-size:1.875rem;line-height:2.25rem;}
.peer:not(:placeholder-shown)~.peer-not-placeholder-shown\:text-2xl{font-size:1.5rem;line-height:2rem;}
.font-size-1\.5rem{font-size:1.5rem;}
.text-size-1em{font-size:1em;}
.text-size-unset{font-size:unset;}
.text-\[--variable\],
.text-\[color\:--variable\],
.text-\$variable{color:var(--variable);}
.text-\[\#124\]{--un-text-opacity:1;color:rgb(17 34 68 / var(--un-text-opacity));}
.text-\[calc\(1em-1px\)\],
.text-\[length\:calc\(1em-1px\)\]{font-size:calc(1em - 1px);}
.text-\[calc\(1rem-1px\)\]{font-size:calc(1rem - 1px);}
.text-\[color\:var\(--color-x\)\]\:\[trick\]{color:var(--color-x);}
.text-\[color\:var\(--color\)\],
.text-\[var\(--color\)\]{color:var(--color);}
.text-\[theme\(spacing\.sm\)\]{color:0.875rem;}
.text-black\/10{color:rgb(0 0 0 / 0.1);}
.text-red-100,
.text-red100{--un-text-opacity:1;color:rgb(254 226 226 / var(--un-text-opacity));}
.text-red-200\/10{color:rgb(254 202 202 / 0.1);}
.text-red-300\:20,
.text-red-300\/20{color:rgb(252 165 165 / 0.2);}
.text-red\:20{color:rgb(248 113 113 / 0.2);}
.text-red2{--un-text-opacity:1;color:rgb(254 202 202 / var(--un-text-opacity));}
.text-rose{--un-text-opacity:1;color:rgb(251 113 133 / var(--un-text-opacity));}
.checked\:next\:hover\:text-slate-500:hover+*:checked{--un-text-opacity:1;color:rgb(100 116 139 / var(--un-text-opacity));}
.checked\:next\:text-slate-100+*:checked{--un-text-opacity:1;color:rgb(241 245 249 / var(--un-text-opacity));}
.next\:checked\:children\:text-slate-600>*:checked+*{--un-text-opacity:1;color:rgb(71 85 105 / var(--un-text-opacity));}
.next\:checked\:text-slate-200:checked+*{--un-text-opacity:1;color:rgb(226 232 240 / var(--un-text-opacity));}
.c-\[\#157\],
.c-\#157,
.c-hex-157{--un-text-opacity:1;color:rgb(17 85 119 / var(--un-text-opacity));}
.c-\[\#157\]\/\$opacity-variable{color:rgb(17 85 119 / var(--opacity-variable));}
.c-\[\#157\]\/10,
.c-\#157\/10,
.c-hex-157\/10{color:rgb(17 85 119 / 0.1);}
.c-\[\#2573\],
.c-\#2573,
.c-hex-2573{--un-text-opacity:0.2;color:rgb(34 85 119 / var(--un-text-opacity));}
.c-\[\#2573\]\/\$opacity-variable{color:rgb(34 85 119 / var(--opacity-variable));}
.c-\[\#2573\]\/10,
.c-\#2573\/10,
.c-hex-2573\/10{color:rgb(34 85 119 / 0.1);}
.c-\[\#335577\],
.c-\#335577,
.c-hex-335577{--un-text-opacity:1;color:rgb(51 85 119 / var(--un-text-opacity));}
.c-\[\#335577\]\/\$opacity-variable{color:rgb(51 85 119 / var(--opacity-variable));}
.c-\[\#335577\]\/10,
.c-\#335577\/10,
.c-hex-335577\/10{color:rgb(51 85 119 / 0.1);}
.c-\[\#44557733\],
.c-\#44557733,
.c-hex-44557733{--un-text-opacity:0.2;color:rgb(68 85 119 / var(--un-text-opacity));}
.c-\[\#44557733\]\/\$opacity-variable{color:rgb(68 85 119 / var(--opacity-variable));}
.c-\[\#44557733\]\/10,
.c-\#44557733\/10,
.c-hex-44557733\/10{color:rgb(68 85 119 / 0.1);}
.c-\[theme\(colors\.red\.500\/50\%\)\]{color:rgb(239 68 68 / 50%);}
.c-\$color-variable,
.c-\$color-variable\/\$opacity-variable,
.c-\$color-variable\/10{color:var(--color-variable);}
.c-\$color-variable\,red{color:var(--color-variable, red);}
.color-\$red{color:var(--red);}
.color-blue,
.color-blue-400{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity));}
.color-blue-400\/10,
.color-blue\/10{color:rgb(96 165 250 / 0.1);}
.color-blue-gray,
.color-blue-gray-400,
.color-bluegray,
.color-bluegray-400{--un-text-opacity:1;color:rgb(148 163 184 / var(--un-text-opacity));}
.color-blue-gray-400\/10,
.color-blue-gray\/10,
.color-bluegray-400\/10,
.color-bluegray\/10{color:rgb(148 163 184 / 0.1);}
.open\:color-pink-100[open]{--un-text-opacity:1;color:rgb(252 231 243 / var(--un-text-opacity));}
.placeholder-shown-color-transparent:placeholder-shown{color:transparent;}
.in-range\:color-pink-100:in-range{--un-text-opacity:1;color:rgb(252 231 243 / var(--un-text-opacity));}
.out-of-range\:color-pink-100:out-of-range{--un-text-opacity:1;color:rgb(252 231 243 / var(--un-text-opacity));}
.placeholder-color-red-1::placeholder{--un-text-opacity:1;color:rgb(254 226 226 / var(--un-text-opacity));}
.placeholder\:color-transparent::placeholder{color:transparent;}
.selection\:color-\[var\(--select-color\)\]::selection{color:var(--select-color);}
.color-inherit,
.text-inherit{color:inherit;}
.color-initial{color:initial;}
.text-revert{color:revert;}
.text-opacity-\[13\.3333333\%\]{--un-text-opacity:13.3333333%;}
.text-opacity-\$opacity-variable{--un-text-opacity:var(--opacity-variable);}
.placeholder-color-opacity-60::placeholder{--un-text-opacity:0.6;}
.as-parent .group .group-\[\.as-parent_\&\]\:font-13{font-weight:13;}
.as-parent .group\/label .group-\[\.as-parent_\&\]\/label\:font-18{font-weight:18;}
.group:hover .group-\[\:hover\]\:font-11{font-weight:11;}
.group.not-parent .group-\[\.not-parent\]\:font-14{font-weight:14;}
.group[data-attr] .group-\[\[data-attr\]\]\:font-12{font-weight:12;}
.group[data-state=open] .group-data-\[state\=open\]\:font-bold{font-weight:700;}
.group\/label:hover .group-\[\:hover\]\/label\:font-16{font-weight:16;}
.group\/label.not-parent .group-\[\.not-parent\]\/label\:font-19{font-weight:19;}
.group\/label[data-attr] .group-\[\[data-attr\]\]\/label\:font-17{font-weight:17;}
.font-050,
.font-50,
.fw-050,
.fw-50{font-weight:50;}
.font-550{font-weight:550;}
.font-900,
.fw-900{font-weight:900;}
.font-thin{font-weight:100;}
.fw-inherit{font-weight:inherit;}
.group:hover .group-hover\:font-10{font-weight:10;}
.group\/label:hover .group-hover\/label\:font-15{font-weight:15;}
.font-leading-2,
.leading-2{line-height:0.5rem;}
.leading-\$variable,
.lh-\$variable{line-height:var(--variable);}
.leading-inherit{line-height:inherit;}
.lh-\[1\.5\],
.line-height-\[1\.5\]{line-height:1.5;}
.font-synthesis-weight{font-synthesis:weight;}
.font-synthesis-small-caps{font-synthesis:small-caps;}
.font-synthesis-\[weight_style\]{font-synthesis:weight style;}
.font-synthesis-\$synth{font-synthesis:var(--synth);}
.font-synthesis-inherit{font-synthesis:inherit;}
.font-tracking-1em{letter-spacing:1em;}
.tracking-\[2\/5\]{letter-spacing:2/5;}
.tracking-\$variable{letter-spacing:var(--variable);}
.tracking-inherit{letter-spacing:inherit;}
.tracking-wide{letter-spacing:0.025em;}
.word-spacing-\$variable{word-spacing:var(--variable);}
.word-spacing-1{word-spacing:0.25rem;}
.word-spacing-2{word-spacing:0.5rem;}
.word-spacing-inherit{word-spacing:inherit;}
.word-spacing-wide{word-spacing:0.025em;}
.font-stretch-normal{font-stretch:normal;}
.font-stretch-\[ultra-expanded\]{font-stretch:ultra-expanded;}
.font-stretch-1\/2{font-stretch:50%;}
.font-\[\"custom_fontFamily_name\"\]{font-family:"custom fontFamily name";}
.font-\[system-ui\]{font-family:system-ui;}
.font-\$font-name{font-family:var(--font-name);}
.font-inherit{font-family:inherit;}
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}
.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
.tab-\$tabprop{-moz-tab-size:var(--tabprop);-o-tab-size:var(--tabprop);tab-size:var(--tabprop);}
.tab-6{-moz-tab-size:6;-o-tab-size:6;tab-size:6;}
.tab-inherit{-moz-tab-size:inherit;-o-tab-size:inherit;tab-size:inherit;}
.indent{text-indent:1.5rem;}
.indent-1\/2{text-indent:50%;}
.indent-lg{text-indent:2rem;}
.indent-revert-layer{text-indent:revert-layer;}
.indent-unset{text-indent:unset;}
.text-clip{text-overflow:clip;}
.decoration-underline,
.underline{text-decoration-line:underline;}
.decoration-5,
.underline-5{text-decoration-thickness:5px;}
.decoration-size-none{text-decoration-thickness:0;}
.decoration-size-unset{text-decoration-thickness:unset;}
.underline-1rem{text-decoration-thickness:1rem;}
.underline-auto{text-decoration-thickness:auto;}
.aria-\[invalid\=spelling\]\:underline-red-600[aria-invalid=spelling]{-webkit-text-decoration-color:rgb(220 38 38 / var(--un-line-opacity));--un-line-opacity:1;text-decoration-color:rgb(220 38 38 / var(--un-line-opacity));}
.data-\[invalid\~\=grammar\]\:underline-green-600[data-invalid~=grammar]{-webkit-text-decoration-color:rgb(22 163 74 / var(--un-line-opacity));--un-line-opacity:1;text-decoration-color:rgb(22 163 74 / var(--un-line-opacity));}
.decoration-\[calc\(1rem-1px\)\],
.underline-\[calc\(1rem-1px\)\]{text-decoration-thickness:calc(1rem - 1px);}
.decoration-purple\/50{-webkit-text-decoration-color:rgb(192 132 252 / 0.5);text-decoration-color:rgb(192 132 252 / 0.5);}
.decoration-transparent{-webkit-text-decoration-color:transparent;text-decoration-color:transparent;}
.underline-red-500{-webkit-text-decoration-color:rgb(239 68 68 / var(--un-line-opacity));--un-line-opacity:1;text-decoration-color:rgb(239 68 68 / var(--un-line-opacity));}
.underline-op-\$opacity-variable{--un-line-opacity:var(--opacity-variable);}
.underline-op80{--un-line-opacity:0.8;}
.decoration-offset-0\.6rem,
.underline-offset-0\.6rem{text-underline-offset:0.6rem;}
.decoration-offset-none{text-underline-offset:0;}
.underline-offset-4{text-underline-offset:4px;}
.underline-offset-auto{text-underline-offset:auto;}
.underline-dashed{text-decoration-style:dashed;}
.underline-inherit{text-decoration-style:inherit;}
.decoration-none{text-decoration:none;}
.text-stroke-6{-webkit-text-stroke-width:6px;}
.text-stroke-sm{-webkit-text-stroke-width:thin;}
.text-stroke-blue-500{--un-text-stroke-opacity:1;-webkit-text-stroke-color:rgb(59 130 246 / var(--un-text-stroke-opacity));}
.text-stroke-op-\$opacity-variable{--un-text-stroke-opacity:var(--opacity-variable);}
.text-stroke-op-60{--un-text-stroke-opacity:0.6;}
.text-shadow{--un-text-shadow:0 0 1px var(--un-text-shadow-color, rgb(0 0 0 / 0.2)),0 0 1px var(--un-text-shadow-color, rgb(1 0 5 / 0.1));text-shadow:var(--un-text-shadow);}
.text-shadow-\$var{text-shadow:var(--var);}
.text-shadow-lg{--un-text-shadow:3px 3px 6px var(--un-text-shadow-color, rgb(0 0 0 / 0.26)),0 0 5px var(--un-text-shadow-color, rgb(15 3 86 / 0.22));text-shadow:var(--un-text-shadow);}
.text-shadow-none{--un-text-shadow:0 0 var(--un-text-shadow-color, rgb(0 0 0 / 0));text-shadow:var(--un-text-shadow);}
.text-shadow-color-red-300{--un-text-shadow-opacity:1;--un-text-shadow-color:rgb(252 165 165 / var(--un-text-shadow-opacity));}
.text-shadow-color-op-\$opacity-variable{--un-text-shadow-opacity:var(--opacity-variable);}
.text-shadow-color-op-30{--un-text-shadow-opacity:0.3;}
.case-upper{text-transform:uppercase;}
.case-normal{text-transform:none;}
.case-inherit{text-transform:inherit;}
.group:hover:focus .group-hover\:group-focus\:text-center,
.parent:hover>.parent-hover\:text-center{text-align:center;}
.text-left,
[dir="ltr"] .ltr\:text-left{text-align:left;}
[dir="rtl"] .rtl\:text-right{text-align:right;}
.font-italic,
.italic{font-style:italic;}
.font-oblique,
.oblique{font-style:oblique;}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.backdrop\:shadow-green::backdrop{--un-shadow-opacity:1;--un-shadow-color:rgb(74 222 128 / var(--un-shadow-opacity));}
.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-\[\#fff\]{--un-shadow-opacity:1;--un-shadow-color:rgb(255 255 255 / var(--un-shadow-opacity));}
.shadow-\[0px_4px_4px_0px_rgba\(237\,_0\,_0\,_1\)\]{--un-shadow:0px 4px 4px 0px var(--un-shadow-color, rgba(237, 0, 0, 1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-\[0px_4px_4px_0px_rgba\(238_0_0\/1\)\]{--un-shadow:0px 4px 4px 0px var(--un-shadow-color, rgba(238, 0, 0, 1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-\$variable{--un-shadow:var(--variable);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-current{--un-shadow-color:currentColor;}
.shadow-green-500{--un-shadow-opacity:1;--un-shadow-color:rgb(34 197 94 / var(--un-shadow-opacity));}
.shadow-green-900\/50{--un-shadow-color:rgb(20 83 45 / 0.5);}
.shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-transparent{--un-shadow-color:transparent;}
.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.backdrop-element\:shadow-green-100::backdrop{--un-shadow-opacity:1;--un-shadow-color:rgb(220 252 231 / var(--un-shadow-opacity));}
.shadow-op-\$opacity-variable{--un-shadow-opacity:var(--opacity-variable);}
.shadow-op-50{--un-shadow-opacity:0.5;}
.shadow-inset{--un-shadow-inset:inset;}
.ring{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.ring-10{--un-ring-width:10px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.ring-none{--un-ring-width:0;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.ring-px{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.ring-size-px,
.ring-width-px{--un-ring-width:1px;}
.ring-offset{--un-ring-offset-width:1px;}
.ring-offset-4{--un-ring-offset-width:4px;}
.ring-offset-none{--un-ring-offset-width:0;}
.ring-offset-size-\$variable,
.ring-offset-width-\$variable{--un-ring-offset-width:var(--variable);}
.ring-\[calc\(1rem-1px\)\]{--un-ring-width:calc(1rem - 1px);}
.ring-red2{--un-ring-opacity:1;--un-ring-color:rgb(254 202 202 / var(--un-ring-opacity));}
.ring-red2\/5{--un-ring-color:rgb(254 202 202 / 0.05);}
.ring-op-\$opacity-variable{--un-ring-opacity:var(--opacity-variable);}
.ring-op-5{--un-ring-opacity:0.05;}
.ring-offset-\$variable{--un-ring-offset-color:var(--variable);}
.ring-offset-green5{--un-ring-offset-opacity:1;--un-ring-offset-color:rgb(34 197 94 / var(--un-ring-offset-opacity));}
.ring-offset-red2{--un-ring-offset-opacity:1;--un-ring-offset-color:rgb(254 202 202 / var(--un-ring-offset-opacity));}
.ring-offset-red2\/5{--un-ring-offset-color:rgb(254 202 202 / 0.05);}
.ring-offset-op-\$opacity-variable{--un-ring-offset-opacity:var(--opacity-variable);}
.ring-offset-op-5{--un-ring-offset-opacity:0.05;}
.ring-inset{--un-ring-inset:inset;}
.flex{display:flex;}
.flex-\[\$variable1_\$variable2_\$variable3\]{flex:var(--variable1) var(--variable2) var(--variable3);}
.flex-\[0_0_auto\]{flex:0 0 auto;}
.flex-\[1_0_100\%\]{flex:1 0 100%;}
.flex-\[1_1_1\/2\]{flex:1 1 50%;}
.flex-\[1_auto\]{flex:1 auto;}
.flex-\[fit-content\]{flex:fit-content;}
.flex-\[hi\]{flex:hi;}
.flex-\$variable{flex:var(--variable);}
.flex-shrink,
.shrink{flex-shrink:1;}
.flex-shrink-0,
.shrink-0{flex-shrink:0;}
.shrink-\$variable{flex-shrink:var(--variable);}
.shrink-10{flex-shrink:10;}
.flex-grow,
.grow{flex-grow:1;}
.flex-grow-0,
.grow-0{flex-grow:0;}
.grow-\$variable{flex-grow:var(--variable);}
.grow-10{flex-grow:10;}
.basis-auto{flex-basis:auto;}
.basis-none,
.flex-basis-0{flex-basis:0;}
.flex-basis-\$variable{flex-basis:var(--variable);}
.flex-basis-1\/2{flex-basis:50%;}
.flex-row{flex-direction:row;}
.flex-col-reverse{flex-direction:column-reverse;}
.grid{display:grid;}
.grid-col-\$variable{grid-column:var(--variable);}
.grid-row-\$variable{grid-row:var(--variable);}
.row-\[span_1\/span_2\]{grid-row:span 1/span 2;}
.row-auto{grid-row:auto;}
.col-span-1{grid-column:span 1/span 1;}
.row-span-\[hi\]{grid-row:span hi/span hi;}
.row-span-full{grid-row:1/-1;}
.row-start-full{grid-row-start:full;}
.row-end-1{grid-row-end:1;}
.auto-cols-auto{grid-auto-columns:auto;}
.auto-rows-auto{grid-auto-rows:auto;}
.auto-rows-fr{grid-auto-rows:minmax(0,1fr);}
.auto-rows-min{grid-auto-rows:min-content;}
.grid-auto-cols-\$variable{grid-auto-columns:var(--variable);}
.grid-auto-rows-\$variable{grid-auto-rows:var(--variable);}
.auto-flow-col-dense,
.grid-flow-col-dense{grid-auto-flow:column dense;}
.grid-flow-dense{grid-auto-flow:dense;}
.cols-\[repeat\(3\,auto\)\],
.grid-cols-\[repeat\(3\,auto\)\]{grid-template-columns:repeat(3,auto);}
.grid-cols-\[1fr_2fr_100px_min-content\]{grid-template-columns:1fr 2fr 100px min-content;}
.grid-cols-\$1{grid-template-columns:var(--\31 );}
.grid-rows-\[1fr_2fr_100px_min-content\]{grid-template-rows:1fr 2fr 100px min-content;}
.grid-cols-minmax-1rem{grid-template-columns:repeat(auto-fill,minmax(1rem,1fr));}
.grid-rows-minmax-100px{grid-template-rows:repeat(auto-fill,minmax(100px,1fr));}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.grid-rows-3,
.rows-3{grid-template-rows:repeat(3,minmax(0,1fr));}
.grid-area-\[content\]{grid-area:content;}
.grid-area-\$variable{grid-area:var(--variable);}
.grid-areas-\[prepend_content_append\]{grid-template-areas:"prepend content append";}
.grid-areas-\[prepend_content_append\]-\[prepend_content_append\]{grid-template-areas:"prepend content append" "prepend content append";}
.grid-areas-\$variable{grid-template-areas:var(--variable);}
.grid-rows-subgrid{grid-template-rows:subgrid;}
.grid-cols-subgrid{grid-template-columns:subgrid;}
.gap-\$variable{gap:var(--variable);}
.gap-4{gap:1rem;}
.gap-inherit{gap:inherit;}
.gap-none{gap:0;}
.gap2{gap:0.5rem;}
.-gap-row-5,
.-gap-y-5{row-gap:-1.25rem;}
.flex-gap-row-1,
.flex-gap-y-1,
.grid-gap-row-1,
.grid-gap-y-1{row-gap:0.25rem;}
.flex-gap-row-unset,
.flex-gap-y-unset{row-gap:unset;}
.gap-col-1,
.gap-x-1{column-gap:0.25rem;}
.absolute{position:absolute;}
.pos-fixed{position:fixed;}
.position-sticky{position:sticky;}
.relative{position:relative;}
.pos-unset{position:unset;}
.position-inherit{position:inherit;}
.static{position:static;}
.size-\[calc\(1000px-4rem\)\]{width:calc(1000px - 4rem);height:calc(1000px - 4rem);}
.size-\[var\(--something\)\]{width:var(--something);height:var(--something);}
.size-10{width:2.5rem;height:2.5rem;}
.size-max-10{max-width:2.5rem;max-height:2.5rem;}
.size-min-10{min-width:2.5rem;min-height:2.5rem;}
.h-\[calc\(1000px-4rem\)\],
.size-h-\[calc\(1000px-4rem\)\]{height:calc(1000px - 4rem);}
.h-\$var{height:var(--var);}
.h-1{height:0.25rem;}
.h-1\.000\%,
.h1\/100{height:1%;}
.h-1\.001\%{height:1.001%;}
.h-1\.010\%{height:1.01%;}
.h-1\.100\%{height:1.1%;}
.h-1\/2,
.h-2\/4,
.h-3\/6{height:50%;}
.h-1\/3,
.h-2\/6{height:33.3333333333%;}
.h-1\/4{height:25%;}
.h-1\/5{height:20%;}
.h-1\/6{height:16.6666666667%;}
.h-2\/2{height:100%;}
.h-2\/3,
.h-4\/6{height:66.6666666667%;}
.h-21{height:5.25rem;}
.h-3\/2{height:150%;}
.h-3\/4{height:75%;}
.h-5\/6{height:83.3333333333%;}
.h-6\/7{height:85.7142857143%;}
.h-8\/7{height:114.2857142857%;}
.h-auto{height:auto;}
.h-inherit{height:inherit;}
.h-lg{height:32rem;}
.h20{height:5rem;}
.max-h-\[1px\]{max-height:1px;}
.max-h-unset{max-height:unset;}
.max-w-\$var{max-width:var(--var);}
.max-w-20{max-width:5rem;}
.max-w-full{max-width:100%;}
.max-w-lg{max-width:32rem;}
.max-w-none{max-width:none;}
.max-w-revert{max-width:revert;}
.min-h-\[1px\]{min-height:1px;}
.min-h-unset{min-height:unset;}
.min-w-\$var{min-width:var(--var);}
.min-w-20{min-width:5rem;}
.min-w-full,
.size-min-w-full{min-width:100%;}
.min-w-lg{min-width:32rem;}
.min-w-none{min-width:none;}
.min-w-revert-layer{min-width:revert-layer;}
.size-w-10{width:2.5rem;}
.w-\[calc\(1-\(\(12-3\)\*0\.5\)\)\]{width:calc(1 - ((12 - 3) * 0.5));}
.w-\[calc\(1-\(var\(--something\)\*0\.5\)\)\]{width:calc(1 - (var(--something) * 0.5));}
.w-\[calc\(1-var\(--something\)\*0\.5\)\]{width:calc(1 - var(--something) * 0.5);}
.w-\[calc\(calc\(100px\*10\)-4rem\)\]{width:calc(calc(100px * 10) - 4rem);}
.w-1{width:0.25rem;}
.w-1\/4{width:25%;}
.w-1in{width:1in;}
.w-21{width:5.25rem;}
.w-auto{width:auto;}
.w-lg{width:32rem;}
.w-unset{width:unset;}
.block-\[calc\(1000px-4rem\)\]{block-size:calc(1000px - 4rem);}
.block-\$var{block-size:var(--var);}
.block-1{block-size:0.25rem;}
.block-1\/2{block-size:50%;}
.block-21{block-size:5.25rem;}
.block-8\/7{block-size:114.2857142857%;}
.block-auto{block-size:auto;}
.block-lg{block-size:32rem;}
.block-unset{block-size:unset;}
.inline-\[calc\(calc\(100px\*10\)-4rem\)\]{inline-size:calc(calc(100px * 10) - 4rem);}
.inline-1{inline-size:0.25rem;}
.inline-1\/4{inline-size:25%;}
.inline-21{inline-size:5.25rem;}
.inline-auto{inline-size:auto;}
.inline-inherit{inline-size:inherit;}
.inline-lg{inline-size:32rem;}
.max-block-\[1px\]{max-block-size:1px;}
.max-block-revert{max-block-size:revert;}
.max-inline-\$var{max-inline-size:var(--var);}
.max-inline-20{max-inline-size:5rem;}
.max-inline-full{max-inline-size:100%;}
.max-inline-inherit{max-inline-size:inherit;}
.max-inline-lg{max-inline-size:32rem;}
.max-inline-none{max-inline-size:none;}
.min-block-\[1px\]{min-block-size:1px;}
.min-inline-\$var{min-inline-size:var(--var);}
.min-inline-20{min-inline-size:5rem;}
.min-inline-full{min-inline-size:100%;}
.min-inline-lg{min-inline-size:32rem;}
.min-inline-none{min-inline-size:none;}
.h-screen-lg{height:1024px;}
.h-screen-sm{height:640px;}
.max-w-screen-lg{max-width:1024px;}
.min-w-screen-lg{min-width:1024px;}
.aspect-\[auto_16\/9\],
.aspect-ratio-\[auto_16\/9\]{aspect-ratio:auto 16/9;}
.aspect-auto{aspect-ratio:auto;}
.aspect-ratio-\$var{aspect-ratio:var(--var);}
.aspect-ratio-0\.7{aspect-ratio:0.7;}
.aspect-ratio-3\/2{aspect-ratio:3/2;}
.aspect-ratio-revert{aspect-ratio:revert;}
.aspect-ratio-square{aspect-ratio:1/1;}
.aspect-ratio-video{aspect-ratio:16/9;}
.aspect-unset{aspect-ratio:unset;}
.cursor-\[url\(cursor_2\.png\)_2_2\,_pointer\]{cursor:url(cursor_2.png) 2 2, pointer;}
.cursor-\$pointer-var{cursor:var(--pointer-var);}
.cursor-inherit{cursor:inherit;}
.cursor-pointer{cursor:pointer;}
.visible{visibility:visible;}
.backface-hidden{backface-visibility:hidden;}
.backface-revert{backface-visibility:revert;}
.pointer-events-auto{pointer-events:auto;}
.pointer-events-none{pointer-events:none;}
.pointer-events-unset{pointer-events:unset;}
.resize{resize:both;}
.resize-none{resize:none;}
.resize-inherit{resize:inherit;}
.align-revert{vertical-align:revert;}
.align-start,
.v-top{vertical-align:top;}
.align-text-bottom{vertical-align:text-bottom;}
.v-end{vertical-align:bottom;}
.v-mid{vertical-align:middle;}
.v-unset{vertical-align:unset;}
.vertical-baseline{vertical-align:baseline;}
.vertical-inherit{vertical-align:inherit;}
.vertical-super{vertical-align:super;}
.select-all{-webkit-user-select:all;user-select:all;}
.select-none{-webkit-user-select:none;user-select:none;}
.select-inherit{user-select:inherit;}
.whitespace-pre-wrap{white-space:pre-wrap;}
.whitespace-unset{white-space:unset;}
.ws-nowrap{white-space:nowrap;}
.ws-revert{white-space:revert;}
.break-normal{overflow-wrap:normal;word-break:normal;}
.break-words{overflow-wrap:break-word;}
.break-keep{word-break:keep-all;}
.overflow-auto{overflow:auto;}
.overflow-inherit{overflow:inherit;}
.of-x-unset{overflow-x:unset;}
.of-y-visible{overflow-y:visible;}
.overflow-x-scroll{overflow-x:scroll;}
.overflow-y-clip{overflow-y:clip;}
.outline-110{outline-width:110px;}
.outline-size-\[var\(--width\)\]{outline-width:var(--width);}
.outline-size-\$variable,
.outline-width-\$variable{outline-width:var(--variable);}
.outline-size-4,
.outline-width-4{outline-width:4px;}
.outline-size-none{outline-width:0;}
.outline-size-unset{outline-width:unset;}
.outline-width-10px{outline-width:10px;}
.outline-width-revert{outline-width:revert;}
.outline-\[calc\(1rem-1px\)\]{outline-width:calc(1rem - 1px);}
.outline-\[var\(--red\)\]{outline-color:var(--red);}
.outline-\$variable{outline-color:var(--variable);}
.outline-blue-2{--un-outline-color-opacity:1;outline-color:rgb(191 219 254 / var(--un-outline-color-opacity));}
.outline-color-red-1{--un-outline-color-opacity:1;outline-color:rgb(254 226 226 / var(--un-outline-color-opacity));}
.outline-gray,
.outline-gray-400{--un-outline-color-opacity:1;outline-color:rgb(156 163 175 / var(--un-outline-color-opacity));}
.outline-offset-\[var\(--offset\)\]{outline-offset:var(--offset);}
.outline-offset-\$variable{outline-offset:var(--variable);}
.outline-offset-4{outline-offset:4px;}
.outline-offset-inherit{outline-offset:inherit;}
.outline-offset-none{outline-offset:0;}
.outline,
.outline-solid{outline-style:solid;}
.outline-hidden{outline-style:hidden;}
.outline-inset{outline-style:inset;}
.outline-inherit{outline-style:inherit;}
.outline-revert-layer{outline-style:revert-layer;}
.outline-unset{outline-style:unset;}
.outline-none{outline:2px solid transparent;outline-offset:2px;}
.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}
.appearance-auto{-webkit-appearance:auto;appearance:auto;}
.appearance-none{-webkit-appearance:none;appearance:none;}
.order-\$variable{order:var(--variable);}
.order-first{order:-9999;}
.order-none{order:0;}
.justify-start{justify-content:flex-start;}
.justify-center{justify-content:center;}
.justify-inherit{justify-content:inherit;}
.justify-items-end{justify-items:end;}
.justify-items-unset{justify-items:unset;}
.justify-self-stretch{justify-self:stretch;}
.justify-self-revert{justify-self:revert;}
.content-center{align-content:center;}
.content-start{align-content:flex-start;}
.content-inherit{align-content:inherit;}
.items-end{align-items:flex-end;}
.items-unset{align-items:unset;}
.self-stretch{align-self:stretch;}
.self-revert{align-self:revert;}
.place-content-stretch{place-content:stretch;}
.place-content-inherit{place-content:inherit;}
.place-items-stretch{place-items:stretch;}
.place-items-unset{place-items:unset;}
.place-self-stretch{place-self:stretch;}
.place-self-revert{place-self:revert;}
.inset-\[5px\]{inset:5px;}
.inset-\$variable{inset:var(--variable);}
.inset-0,
.inset-none{inset:0;}
.inset-5{inset:1.25rem;}
.inset-unset{inset:unset;}
.end-8{inset-inline-end:2rem;}
.start-4{inset-inline-start:1rem;}
.inset-x-5{left:1.25rem;right:1.25rem;}
.inset-y-5{top:1.25rem;bottom:1.25rem;}
.inset-b-5{bottom:1.25rem;}
.inset-e-5,
.inset-ie-5{inset-inline-end:1.25rem;}
.inset-e-inherit{inset-inline-end:inherit;}
.inset-s-\$variable{inset-inline-start:var(--variable);}
.inset-t-5{top:1.25rem;}
.inset-block-5{inset-block-start:1.25rem;inset-block-end:1.25rem;}
.inset-block-unset{inset-block-start:unset;inset-block-end:unset;}
.inset-inline-\$variable{inset-inline-start:var(--variable);inset-inline-end:var(--variable);}
.inset-inline-5{inset-inline-start:1.25rem;inset-inline-end:1.25rem;}
.inset-bs-5{inset-block-start:1.25rem;}
.inset-ie-revert{inset-inline-end:revert;}
.top-\$top-height{top:var(--top-height);}
.top-0{top:0;}
.float-left{float:left;}
.float-none{float:none;}
.float-unset{float:unset;}
.clear-both{clear:both;}
.clear-none{clear:none;}
.clear-revert{clear:revert;}
.z-0,
.z0{z-index:0;}
.-z-1,
.pos-z--1{z-index:-1;}
.position-z-auto,
.z-auto{z-index:auto;}
.z-\$variable{z-index:var(--variable);}
.z-1{z-index:1;}
.z-100{z-index:100;}
.z-inherit{z-index:inherit;}
.box-border{box-sizing:border-box;}
.box-content{box-sizing:content-box;}
.box-inherit{box-sizing:inherit;}
.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
.transition-200{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
.transition-background-color\,color-200{transition-property:background-color,color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
.transition-color\,background-color-200{transition-property:color,background-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
.transition-opacity-200{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
.duration-111{transition-duration:111ms;}
.transition-duration-\$variable{transition-duration:var(--variable);}
.transition-duration-300{transition-duration:300ms;}
.transition-delay-\$variable{transition-delay:var(--variable);}
.transition-delay-300{transition-delay:300ms;}
.ease-\$variable{transition-timing-function:var(--variable);}
.ease-linear{transition-timing-function:linear;}
.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}
.transition-ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}
.property-all,
.transition-property-all{transition-property:all;}
.property-margin\,padding{transition-property:margin,padding;}
.property-none{transition-property:none;}
.property-padding\,margin{transition-property:padding,margin;}
.property-unset{transition-property:unset;}
.transition-property-\[border\]{transition-property:border;}
.transition-property-width{transition-property:width;}
.transition-none{transition:none;}
.transition-revert-layer{transition:revert-layer;}
.origin-top-left{transform-origin:top left;}
.perspect-\$variable{-webkit-perspective:var(--variable);perspective:var(--variable);}
.perspect-100{-webkit-perspective:100px;perspective:100px;}
.perspect-23rem{-webkit-perspective:23rem;perspective:23rem;}
.perspect-800px{-webkit-perspective:800px;perspective:800px;}
.perspect-origin-\[150\%_150\%\]{-webkit-perspective-origin:150% 150%;perspective-origin:150% 150%;}
.perspect-origin-\[150\%\]{-webkit-perspective-origin:150%;perspective-origin:150%;}
.perspect-origin-\$variable{-webkit-perspective-origin:var(--variable);perspective-origin:var(--variable);}
.perspect-origin-center{-webkit-perspective-origin:center;perspective-origin:center;}
.perspect-origin-top-right{-webkit-perspective-origin:top right;perspective-origin:top right;}
.-translate-full{--un-translate-x:-100%;--un-translate-y:-100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.scope_class .scope-\[\.scope\\_class\]\:translate-0,
.translate-none{--un-translate-x:0;--un-translate-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.translate-\[var\(--x\)\,var\(--y\)\,25\%\]{--un-translate-x:var(--x);--un-translate-y:var(--y);--un-translate-z:25%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.translate-\[var\(--x\)\,var\(--y\)\]{--un-translate-x:var(--x);--un-translate-y:var(--y);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.translate-full{--un-translate-x:100%;--un-translate-y:100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.-translate-x-full{--un-translate-x:-100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.-translate-y-1\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.translate-x-\$variable{--un-translate-x:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.translate-x-full{--un-translate-x:100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.translate-y-1\/4{--un-translate-y:25%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.translate-y-px{--un-translate-y:1px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.peer:checked~.peer-checked\:translate-x-\[var\(--reveal\)\]{--un-translate-x:var(--reveal);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.hover\:translate-x-3:hover{--un-translate-x:0.75rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.before\:translate-y-full::before{--un-translate-y:100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.-rotate-2{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-2deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.rotate-\[var\(--spin\)\]{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:var(--spin);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.rotate-\$variable{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.rotate-1deg{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:1deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.rotate-x-\$variable{--un-rotate:0;--un-rotate-x:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.rotate-x-1deg{--un-rotate:0;--un-rotate-x:1deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.rotate-y-1,
.transform-rotate-y-1{--un-rotate:0;--un-rotate-y:1deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}