PluginProbe
FireBox – WooCommerce Popup Builder, Exit Intent Popup, Email Optin & Cart Abandonment / trunk
FireBox – WooCommerce Popup Builder, Exit Intent Popup, Email Optin & Cart Abandonment vtrunk
3.1.13 3.1.12 3.1.11 3.1.10 3.1.9 3.1.8 3.1.7 trunk 1.0.0 1.0.1 1.0.10 1.0.11 1.0.12 1.0.13 1.0.14 1.0.2 1.0.3 1.0.4 1.0.5 1.0.6 1.0.7 1.0.8 1.0.9 1.1.0 1.1.1 All 122 releases
firebox / media / admin / css / firebox_design.css

firebox_design.css in FireBox – WooCommerce Popup Builder, Exit Intent Popup, Email Optin & Cart Abandonment trunk, at media/admin/css/firebox_design.css

2,235 lines 51.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 *, ::before, ::after {
2 --tw-border-spacing-x: 0;
3 --tw-border-spacing-y: 0;
4 --tw-translate-x: 0;
5 --tw-translate-y: 0;
6 --tw-rotate: 0;
7 --tw-skew-x: 0;
8 --tw-skew-y: 0;
9 --tw-scale-x: 1;
10 --tw-scale-y: 1;
11 --tw-pan-x: ;
12 --tw-pan-y: ;
13 --tw-pinch-zoom: ;
14 --tw-scroll-snap-strictness: proximity;
15 --tw-gradient-from-position: ;
16 --tw-gradient-via-position: ;
17 --tw-gradient-to-position: ;
18 --tw-ordinal: ;
19 --tw-slashed-zero: ;
20 --tw-numeric-figure: ;
21 --tw-numeric-spacing: ;
22 --tw-numeric-fraction: ;
23 --tw-ring-inset: ;
24 --tw-ring-offset-width: 0px;
25 --tw-ring-offset-color: #fff;
26 --tw-ring-color: rgb(59 130 246 / 0.5);
27 --tw-ring-offset-shadow: 0 0 #0000;
28 --tw-ring-shadow: 0 0 #0000;
29 --tw-shadow: 0 0 #0000;
30 --tw-shadow-colored: 0 0 #0000;
31 --tw-blur: ;
32 --tw-brightness: ;
33 --tw-contrast: ;
34 --tw-grayscale: ;
35 --tw-hue-rotate: ;
36 --tw-invert: ;
37 --tw-saturate: ;
38 --tw-sepia: ;
39 --tw-drop-shadow: ;
40 --tw-backdrop-blur: ;
41 --tw-backdrop-brightness: ;
42 --tw-backdrop-contrast: ;
43 --tw-backdrop-grayscale: ;
44 --tw-backdrop-hue-rotate: ;
45 --tw-backdrop-invert: ;
46 --tw-backdrop-opacity: ;
47 --tw-backdrop-saturate: ;
48 --tw-backdrop-sepia:
49 }
50
51 ::backdrop {
52 --tw-border-spacing-x: 0;
53 --tw-border-spacing-y: 0;
54 --tw-translate-x: 0;
55 --tw-translate-y: 0;
56 --tw-rotate: 0;
57 --tw-skew-x: 0;
58 --tw-skew-y: 0;
59 --tw-scale-x: 1;
60 --tw-scale-y: 1;
61 --tw-pan-x: ;
62 --tw-pan-y: ;
63 --tw-pinch-zoom: ;
64 --tw-scroll-snap-strictness: proximity;
65 --tw-gradient-from-position: ;
66 --tw-gradient-via-position: ;
67 --tw-gradient-to-position: ;
68 --tw-ordinal: ;
69 --tw-slashed-zero: ;
70 --tw-numeric-figure: ;
71 --tw-numeric-spacing: ;
72 --tw-numeric-fraction: ;
73 --tw-ring-inset: ;
74 --tw-ring-offset-width: 0px;
75 --tw-ring-offset-color: #fff;
76 --tw-ring-color: rgb(59 130 246 / 0.5);
77 --tw-ring-offset-shadow: 0 0 #0000;
78 --tw-ring-shadow: 0 0 #0000;
79 --tw-shadow: 0 0 #0000;
80 --tw-shadow-colored: 0 0 #0000;
81 --tw-blur: ;
82 --tw-brightness: ;
83 --tw-contrast: ;
84 --tw-grayscale: ;
85 --tw-hue-rotate: ;
86 --tw-invert: ;
87 --tw-saturate: ;
88 --tw-sepia: ;
89 --tw-drop-shadow: ;
90 --tw-backdrop-blur: ;
91 --tw-backdrop-brightness: ;
92 --tw-backdrop-contrast: ;
93 --tw-backdrop-grayscale: ;
94 --tw-backdrop-hue-rotate: ;
95 --tw-backdrop-invert: ;
96 --tw-backdrop-opacity: ;
97 --tw-backdrop-saturate: ;
98 --tw-backdrop-sepia:
99 }
100
101 .container {
102 width: 100%
103 }
104
105 @media (min-width: 1380px) {
106 .container {
107 max-width: 1380px
108 }
109 }
110
111 .fpframework-admin-container :is(.pointer-events-none) {
112 pointer-events: none
113 }
114
115 .fpframework-admin-container :is(.visible) {
116 visibility: visible
117 }
118
119 .fpframework-admin-container :is(.invisible) {
120 visibility: hidden
121 }
122
123 .fpframework-admin-container :is(.collapse) {
124 visibility: collapse
125 }
126
127 .fpframework-admin-container :is(.static) {
128 position: static
129 }
130
131 .fpframework-admin-container :is(.fixed) {
132 position: fixed
133 }
134
135 .fpframework-admin-container :is(.absolute) {
136 position: absolute
137 }
138
139 .fpframework-admin-container :is(.relative) {
140 position: relative
141 }
142
143 .fpframework-admin-container :is(.sticky) {
144 position: sticky
145 }
146
147 .fpframework-admin-container :is(.inset-0) {
148 inset: 0px
149 }
150
151 .fpframework-admin-container :is(.-right-\[16px\]) {
152 right: -16px
153 }
154
155 .fpframework-admin-container :is(.-top-20) {
156 top: -5rem
157 }
158
159 .fpframework-admin-container :is(.-top-32) {
160 top: -8rem
161 }
162
163 .fpframework-admin-container :is(.-top-36) {
164 top: -9rem
165 }
166
167 .fpframework-admin-container :is(.bottom-1) {
168 bottom: 8px
169 }
170
171 .fpframework-admin-container :is(.left-0) {
172 left: 0px
173 }
174
175 .fpframework-admin-container :is(.left-1\/2) {
176 left: 50%
177 }
178
179 .fpframework-admin-container :is(.right-0) {
180 right: 0px
181 }
182
183 .fpframework-admin-container :is(.right-1) {
184 right: 8px
185 }
186
187 .fpframework-admin-container :is(.right-3) {
188 right: 24px
189 }
190
191 .fpframework-admin-container :is(.right-auto) {
192 right: auto
193 }
194
195 .fpframework-admin-container :is(.top-0) {
196 top: 0px
197 }
198
199 .fpframework-admin-container :is(.top-1\/2) {
200 top: 50%
201 }
202
203 .fpframework-admin-container :is(.top-2) {
204 top: 16px
205 }
206
207 .fpframework-admin-container :is(.top-\[13px\]) {
208 top: 13px
209 }
210
211 .fpframework-admin-container :is(.top-\[20px\]) {
212 top: 20px
213 }
214
215 .fpframework-admin-container :is(.top-\[46px\]) {
216 top: 46px
217 }
218
219 .fpframework-admin-container :is(.top-\[calc\(100\%\+1px\)\]) {
220 top: calc(100% + 1px)
221 }
222
223 .fpframework-admin-container :is(.top-\[calc\(100\%\+8px\)\]) {
224 top: calc(100% + 8px)
225 }
226
227 .fpframework-admin-container :is(.top-full) {
228 top: 100%
229 }
230
231 .fpframework-admin-container :is(.-z-10) {
232 z-index: -10
233 }
234
235 .fpframework-admin-container :is(.z-10) {
236 z-index: 10
237 }
238
239 .fpframework-admin-container :is(.z-20) {
240 z-index: 20
241 }
242
243 .fpframework-admin-container :is(.z-50) {
244 z-index: 50
245 }
246
247 .fpframework-admin-container :is(.m-0) {
248 margin: 0px
249 }
250
251 .fpframework-admin-container :is(.m-1) {
252 margin: 8px
253 }
254
255 .fpframework-admin-container :is(.mx-auto) {
256 margin-left: auto;
257 margin-right: auto
258 }
259
260 .fpframework-admin-container :is(.mb-0) {
261 margin-bottom: 0px
262 }
263
264 .fpframework-admin-container :is(.mb-1) {
265 margin-bottom: 8px
266 }
267
268 .fpframework-admin-container :is(.mb-2) {
269 margin-bottom: 16px
270 }
271
272 .fpframework-admin-container :is(.mb-3) {
273 margin-bottom: 24px
274 }
275
276 .fpframework-admin-container :is(.mb-4) {
277 margin-bottom: 32px
278 }
279
280 .fpframework-admin-container :is(.ml-3) {
281 margin-left: 24px
282 }
283
284 .fpframework-admin-container :is(.mt-1) {
285 margin-top: 8px
286 }
287
288 .fpframework-admin-container :is(.mt-10) {
289 margin-top: 80px
290 }
291
292 .fpframework-admin-container :is(.mt-2) {
293 margin-top: 16px
294 }
295
296 .fpframework-admin-container :is(.mt-4) {
297 margin-top: 32px
298 }
299
300 .fpframework-admin-container :is(.mt-\[4px\]) {
301 margin-top: 4px
302 }
303
304 .fpframework-admin-container :is(.mt-\[6px\]) {
305 margin-top: 6px
306 }
307
308 .fpframework-admin-container :is(.line-clamp-2) {
309 overflow: hidden;
310 display: -webkit-box;
311 -webkit-box-orient: vertical;
312 -webkit-line-clamp: 2
313 }
314
315 .fpframework-admin-container :is(.\!block) {
316 display: block !important
317 }
318
319 .fpframework-admin-container :is(.block) {
320 display: block
321 }
322
323 .fpframework-admin-container :is(.inline-block) {
324 display: inline-block
325 }
326
327 .fpframework-admin-container :is(.inline) {
328 display: inline
329 }
330
331 .fpframework-admin-container :is(.flex) {
332 display: flex
333 }
334
335 .fpframework-admin-container :is(.inline-flex) {
336 display: inline-flex
337 }
338
339 .fpframework-admin-container :is(.table) {
340 display: table
341 }
342
343 .fpframework-admin-container :is(.grid) {
344 display: grid
345 }
346
347 .fpframework-admin-container :is(.inline-grid) {
348 display: inline-grid
349 }
350
351 .fpframework-admin-container :is(.contents) {
352 display: contents
353 }
354
355 .fpframework-admin-container :is(.hidden) {
356 display: none
357 }
358
359 .fpframework-admin-container :is(.h-0) {
360 height: 0px
361 }
362
363 .fpframework-admin-container :is(.h-1) {
364 height: 8px
365 }
366
367 .fpframework-admin-container :is(.h-1\/2) {
368 height: 50%
369 }
370
371 .fpframework-admin-container :is(.h-2) {
372 height: 16px
373 }
374
375 .fpframework-admin-container :is(.h-3) {
376 height: 24px
377 }
378
379 .fpframework-admin-container :is(.h-32) {
380 height: 8rem
381 }
382
383 .fpframework-admin-container :is(.h-4) {
384 height: 32px
385 }
386
387 .fpframework-admin-container :is(.h-5) {
388 height: 40px
389 }
390
391 .fpframework-admin-container :is(.h-6) {
392 height: 48px
393 }
394
395 .fpframework-admin-container :is(.h-\[10px\]) {
396 height: 10px
397 }
398
399 .fpframework-admin-container :is(.h-\[12px\]) {
400 height: 12px
401 }
402
403 .fpframework-admin-container :is(.h-\[16px\]) {
404 height: 16px
405 }
406
407 .fpframework-admin-container :is(.h-\[187px\]) {
408 height: 187px
409 }
410
411 .fpframework-admin-container :is(.h-\[19px\]) {
412 height: 19px
413 }
414
415 .fpframework-admin-container :is(.h-\[200px\]) {
416 height: 200px
417 }
418
419 .fpframework-admin-container :is(.h-\[24px\]) {
420 height: 24px
421 }
422
423 .fpframework-admin-container :is(.h-\[256px\]) {
424 height: 256px
425 }
426
427 .fpframework-admin-container :is(.h-\[29px\]) {
428 height: 29px
429 }
430
431 .fpframework-admin-container :is(.h-\[320px\]) {
432 height: 320px
433 }
434
435 .fpframework-admin-container :is(.h-\[32px\]) {
436 height: 32px
437 }
438
439 .fpframework-admin-container :is(.h-\[356px\]) {
440 height: 356px
441 }
442
443 .fpframework-admin-container :is(.h-\[37px\]) {
444 height: 37px
445 }
446
447 .fpframework-admin-container :is(.h-\[45px\]) {
448 height: 45px
449 }
450
451 .fpframework-admin-container :is(.h-auto) {
452 height: auto
453 }
454
455 .fpframework-admin-container :is(.h-full) {
456 height: 100%
457 }
458
459 .fpframework-admin-container :is(.max-h-\[256px\]) {
460 max-height: 256px
461 }
462
463 .fpframework-admin-container :is(.max-h-screen) {
464 max-height: 100vh
465 }
466
467 .fpframework-admin-container :is(.min-h-\[24px\]) {
468 min-height: 24px
469 }
470
471 .fpframework-admin-container :is(.\!w-auto) {
472 width: auto !important
473 }
474
475 .fpframework-admin-container :is(.w-0) {
476 width: 0px
477 }
478
479 .fpframework-admin-container :is(.w-1\/2) {
480 width: 50%
481 }
482
483 .fpframework-admin-container :is(.w-12) {
484 width: 96px
485 }
486
487 .fpframework-admin-container :is(.w-16) {
488 width: 4rem
489 }
490
491 .fpframework-admin-container :is(.w-2) {
492 width: 16px
493 }
494
495 .fpframework-admin-container :is(.w-2\/3) {
496 width: 66.666667%
497 }
498
499 .fpframework-admin-container :is(.w-24) {
500 width: 6rem
501 }
502
503 .fpframework-admin-container :is(.w-3) {
504 width: 24px
505 }
506
507 .fpframework-admin-container :is(.w-32) {
508 width: 8rem
509 }
510
511 .fpframework-admin-container :is(.w-4) {
512 width: 32px
513 }
514
515 .fpframework-admin-container :is(.w-40) {
516 width: 10rem
517 }
518
519 .fpframework-admin-container :is(.w-8) {
520 width: 64px
521 }
522
523 .fpframework-admin-container :is(.w-\[100px\]) {
524 width: 100px
525 }
526
527 .fpframework-admin-container :is(.w-\[106px\]) {
528 width: 106px
529 }
530
531 .fpframework-admin-container :is(.w-\[10px\]) {
532 width: 10px
533 }
534
535 .fpframework-admin-container :is(.w-\[12px\]) {
536 width: 12px
537 }
538
539 .fpframework-admin-container :is(.w-\[150px\]) {
540 width: 150px
541 }
542
543 .fpframework-admin-container :is(.w-\[16px\]) {
544 width: 16px
545 }
546
547 .fpframework-admin-container :is(.w-\[207px\]) {
548 width: 207px
549 }
550
551 .fpframework-admin-container :is(.w-\[256px\]) {
552 width: 256px
553 }
554
555 .fpframework-admin-container :is(.w-\[280px\]) {
556 width: 280px
557 }
558
559 .fpframework-admin-container :is(.w-\[300px\]) {
560 width: 300px
561 }
562
563 .fpframework-admin-container :is(.w-\[30px\]) {
564 width: 30px
565 }
566
567 .fpframework-admin-container :is(.w-\[32px\]) {
568 width: 32px
569 }
570
571 .fpframework-admin-container :is(.w-\[38px\]) {
572 width: 38px
573 }
574
575 .fpframework-admin-container :is(.w-\[400px\]) {
576 width: 400px
577 }
578
579 .fpframework-admin-container :is(.w-\[50px\]) {
580 width: 50px
581 }
582
583 .fpframework-admin-container :is(.w-\[66px\]) {
584 width: 66px
585 }
586
587 .fpframework-admin-container :is(.w-\[67px\]) {
588 width: 67px
589 }
590
591 .fpframework-admin-container :is(.w-\[710px\]) {
592 width: 710px
593 }
594
595 .fpframework-admin-container :is(.w-\[88px\]) {
596 width: 88px
597 }
598
599 .fpframework-admin-container :is(.w-\[97px\]) {
600 width: 97px
601 }
602
603 .fpframework-admin-container :is(.w-full) {
604 width: 100%
605 }
606
607 .fpframework-admin-container :is(.min-w-0) {
608 min-width: 0px
609 }
610
611 .fpframework-admin-container :is(.min-w-\[100px\]) {
612 min-width: 100px
613 }
614
615 .fpframework-admin-container :is(.min-w-\[120px\]) {
616 min-width: 120px
617 }
618
619 .fpframework-admin-container :is(.min-w-\[24px\]) {
620 min-width: 24px
621 }
622
623 .fpframework-admin-container :is(.min-w-\[30px\]) {
624 min-width: 30px
625 }
626
627 .fpframework-admin-container :is(.min-w-max) {
628 min-width: -moz-max-content;
629 min-width: max-content
630 }
631
632 .fpframework-admin-container :is(.max-w-0) {
633 max-width: 0rem
634 }
635
636 .fpframework-admin-container :is(.max-w-\[10rem\]) {
637 max-width: 10rem
638 }
639
640 .fpframework-admin-container :is(.max-w-\[400px\]) {
641 max-width: 400px
642 }
643
644 .fpframework-admin-container :is(.max-w-\[80\%\]) {
645 max-width: 80%
646 }
647
648 .fpframework-admin-container :is(.max-w-md) {
649 max-width: 28rem
650 }
651
652 .fpframework-admin-container :is(.max-w-xs) {
653 max-width: 20rem
654 }
655
656 .fpframework-admin-container :is(.flex-1) {
657 flex: 1 1 0%
658 }
659
660 .fpframework-admin-container :is(.flex-shrink-0) {
661 flex-shrink: 0
662 }
663
664 .fpframework-admin-container :is(.shrink) {
665 flex-shrink: 1
666 }
667
668 .fpframework-admin-container :is(.shrink-0) {
669 flex-shrink: 0
670 }
671
672 .fpframework-admin-container :is(.flex-grow) {
673 flex-grow: 1
674 }
675
676 .fpframework-admin-container :is(.grow) {
677 flex-grow: 1
678 }
679
680 .fpframework-admin-container :is(.-translate-x-1\/2) {
681 --tw-translate-x: -50%;
682 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
683 }
684
685 .fpframework-admin-container :is(.-translate-y-1\/2) {
686 --tw-translate-y: -50%;
687 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
688 }
689
690 .fpframework-admin-container :is(.translate-x-0) {
691 --tw-translate-x: 0px;
692 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
693 }
694
695 .fpframework-admin-container :is(.translate-x-\[-50\%\]) {
696 --tw-translate-x: -50%;
697 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
698 }
699
700 .fpframework-admin-container :is(.rotate-180) {
701 --tw-rotate: 180deg;
702 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
703 }
704
705 .fpframework-admin-container :is(.transform) {
706 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
707 }
708
709 @keyframes pulse {
710 50% {
711 opacity: .5
712 }
713 }
714
715 .fpframework-admin-container :is(.animate-pulse) {
716 animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
717 }
718
719 .fpframework-admin-container :is(.cursor-default) {
720 cursor: default
721 }
722
723 .fpframework-admin-container :is(.cursor-help) {
724 cursor: help
725 }
726
727 .fpframework-admin-container :is(.cursor-not-allowed) {
728 cursor: not-allowed
729 }
730
731 .fpframework-admin-container :is(.cursor-pointer) {
732 cursor: pointer
733 }
734
735 .fpframework-admin-container :is(.resize) {
736 resize: both
737 }
738
739 .fpframework-admin-container :is(.grid-cols-1) {
740 grid-template-columns: repeat(1, minmax(0, 1fr))
741 }
742
743 .fpframework-admin-container :is(.grid-cols-3) {
744 grid-template-columns: repeat(3, minmax(0, 1fr))
745 }
746
747 .fpframework-admin-container :is(.grid-rows-2) {
748 grid-template-rows: repeat(2, minmax(0, 1fr))
749 }
750
751 .fpframework-admin-container :is(.grid-rows-4) {
752 grid-template-rows: repeat(4, minmax(0, 1fr))
753 }
754
755 .fpframework-admin-container :is(.grid-rows-6) {
756 grid-template-rows: repeat(6, minmax(0, 1fr))
757 }
758
759 .fpframework-admin-container :is(.flex-row) {
760 flex-direction: row
761 }
762
763 .fpframework-admin-container :is(.flex-col) {
764 flex-direction: column
765 }
766
767 .fpframework-admin-container :is(.flex-wrap) {
768 flex-wrap: wrap
769 }
770
771 .fpframework-admin-container :is(.flex-wrap-reverse) {
772 flex-wrap: wrap-reverse
773 }
774
775 .fpframework-admin-container :is(.items-start) {
776 align-items: flex-start
777 }
778
779 .fpframework-admin-container :is(.items-end) {
780 align-items: flex-end
781 }
782
783 .fpframework-admin-container :is(.items-center) {
784 align-items: center
785 }
786
787 .fpframework-admin-container :is(.justify-end) {
788 justify-content: flex-end
789 }
790
791 .fpframework-admin-container :is(.justify-center) {
792 justify-content: center
793 }
794
795 .fpframework-admin-container :is(.justify-between) {
796 justify-content: space-between
797 }
798
799 .fpframework-admin-container :is(.gap-0) {
800 gap: 0px
801 }
802
803 .fpframework-admin-container :is(.gap-1) {
804 gap: 8px
805 }
806
807 .fpframework-admin-container :is(.gap-2) {
808 gap: 16px
809 }
810
811 .fpframework-admin-container :is(.gap-3) {
812 gap: 24px
813 }
814
815 .fpframework-admin-container :is(.gap-4) {
816 gap: 32px
817 }
818
819 .fpframework-admin-container :is(.gap-5) {
820 gap: 40px
821 }
822
823 .fpframework-admin-container :is(.gap-6) {
824 gap: 48px
825 }
826
827 .fpframework-admin-container :is(.gap-\[10px\]) {
828 gap: 10px
829 }
830
831 .fpframework-admin-container :is(.gap-\[12px\]) {
832 gap: 12px
833 }
834
835 .fpframework-admin-container :is(.gap-\[20px\]) {
836 gap: 20px
837 }
838
839 .fpframework-admin-container :is(.gap-\[2px\]) {
840 gap: 2px
841 }
842
843 .fpframework-admin-container :is(.gap-\[4px\]) {
844 gap: 4px
845 }
846
847 .fpframework-admin-container :is(.gap-x-2) {
848 -moz-column-gap: 16px;
849 column-gap: 16px
850 }
851
852 .fpframework-admin-container :is(.space-y-1 > :not([hidden]) ~ :not([hidden])) {
853 --tw-space-y-reverse: 0;
854 margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
855 margin-bottom: calc(8px * var(--tw-space-y-reverse))
856 }
857
858 .fpframework-admin-container :is(.space-y-2 > :not([hidden]) ~ :not([hidden])) {
859 --tw-space-y-reverse: 0;
860 margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
861 margin-bottom: calc(16px * var(--tw-space-y-reverse))
862 }
863
864 .fpframework-admin-container :is(.divide-solid > :not([hidden]) ~ :not([hidden])) {
865 border-style: solid
866 }
867
868 .fpframework-admin-container :is(.self-center) {
869 align-self: center
870 }
871
872 .fpframework-admin-container :is(.self-stretch) {
873 align-self: stretch
874 }
875
876 .fpframework-admin-container :is(.overflow-hidden) {
877 overflow: hidden
878 }
879
880 .fpframework-admin-container :is(.overflow-y-auto) {
881 overflow-y: auto
882 }
883
884 .fpframework-admin-container :is(.overscroll-contain) {
885 overscroll-behavior: contain
886 }
887
888 .fpframework-admin-container :is(.truncate) {
889 overflow: hidden;
890 text-overflow: ellipsis;
891 white-space: nowrap
892 }
893
894 .fpframework-admin-container :is(.whitespace-nowrap) {
895 white-space: nowrap
896 }
897
898 .fpframework-admin-container :is(.rounded) {
899 border-radius: 0.25rem
900 }
901
902 .fpframework-admin-container :is(.rounded-2xl) {
903 border-radius: 1rem
904 }
905
906 .fpframework-admin-container :is(.rounded-\[27px\]) {
907 border-radius: 27px
908 }
909
910 .fpframework-admin-container :is(.rounded-\[4px\]) {
911 border-radius: 4px
912 }
913
914 .fpframework-admin-container :is(.rounded-full) {
915 border-radius: 9999px
916 }
917
918 .fpframework-admin-container :is(.rounded-lg) {
919 border-radius: 0.5rem
920 }
921
922 .fpframework-admin-container :is(.rounded-md) {
923 border-radius: 0.375rem
924 }
925
926 .fpframework-admin-container :is(.rounded-sm) {
927 border-radius: 0.125rem
928 }
929
930 .fpframework-admin-container :is(.rounded-b-\[4px\]) {
931 border-bottom-right-radius: 4px;
932 border-bottom-left-radius: 4px
933 }
934
935 .fpframework-admin-container :is(.rounded-t-\[4px\]) {
936 border-top-left-radius: 4px;
937 border-top-right-radius: 4px
938 }
939
940 .fpframework-admin-container :is(.rounded-tl) {
941 border-top-left-radius: 0.25rem
942 }
943
944 .fpframework-admin-container :is(.rounded-tr) {
945 border-top-right-radius: 0.25rem
946 }
947
948 .fpframework-admin-container :is(.\!border) {
949 border-width: 1px !important
950 }
951
952 .fpframework-admin-container :is(.border) {
953 border-width: 1px
954 }
955
956 .fpframework-admin-container :is(.border-0) {
957 border-width: 0px
958 }
959
960 .fpframework-admin-container :is(.border-\[2px\]) {
961 border-width: 2px
962 }
963
964 .fpframework-admin-container :is(.border-b) {
965 border-bottom-width: 1px
966 }
967
968 .fpframework-admin-container :is(.border-b-0) {
969 border-bottom-width: 0px
970 }
971
972 .fpframework-admin-container :is(.border-l) {
973 border-left-width: 1px
974 }
975
976 .fpframework-admin-container :is(.border-l-0) {
977 border-left-width: 0px
978 }
979
980 .fpframework-admin-container :is(.border-l-4) {
981 border-left-width: 4px
982 }
983
984 .fpframework-admin-container :is(.border-r-0) {
985 border-right-width: 0px
986 }
987
988 .fpframework-admin-container :is(.border-r-4) {
989 border-right-width: 4px
990 }
991
992 .fpframework-admin-container :is(.border-r-\[1px\]) {
993 border-right-width: 1px
994 }
995
996 .fpframework-admin-container :is(.border-t-0) {
997 border-top-width: 0px
998 }
999
1000 .fpframework-admin-container :is(.border-t-4) {
1001 border-top-width: 4px
1002 }
1003
1004 .fpframework-admin-container :is(.border-solid) {
1005 border-style: solid
1006 }
1007
1008 .fpframework-admin-container :is(.border-none) {
1009 border-style: none
1010 }
1011
1012 .fpframework-admin-container :is(.border-\[\#EF2B10\]) {
1013 --tw-border-opacity: 1;
1014 border-color: rgb(239 43 16 / var(--tw-border-opacity))
1015 }
1016
1017 .fpframework-admin-container :is(.border-amber-200) {
1018 --tw-border-opacity: 1;
1019 border-color: rgb(253 230 138 / var(--tw-border-opacity))
1020 }
1021
1022 .fpframework-admin-container :is(.border-blue-600) {
1023 --tw-border-opacity: 1;
1024 border-color: rgb(37 99 235 / var(--tw-border-opacity))
1025 }
1026
1027 .fpframework-admin-container :is(.border-default) {
1028 --tw-border-opacity: 1;
1029 border-color: rgb(65 73 91 / var(--tw-border-opacity))
1030 }
1031
1032 .fpframework-admin-container :is(.border-gray-200) {
1033 --tw-border-opacity: 1;
1034 border-color: rgb(229 231 235 / var(--tw-border-opacity))
1035 }
1036
1037 .fpframework-admin-container :is(.border-gray-400) {
1038 --tw-border-opacity: 1;
1039 border-color: rgb(156 163 175 / var(--tw-border-opacity))
1040 }
1041
1042 .fpframework-admin-container :is(.border-gray-600) {
1043 --tw-border-opacity: 1;
1044 border-color: rgb(75 85 99 / var(--tw-border-opacity))
1045 }
1046
1047 .fpframework-admin-container :is(.border-gray-700) {
1048 --tw-border-opacity: 1;
1049 border-color: rgb(55 65 81 / var(--tw-border-opacity))
1050 }
1051
1052 .fpframework-admin-container :is(.border-green-600) {
1053 --tw-border-opacity: 1;
1054 border-color: rgb(22 163 74 / var(--tw-border-opacity))
1055 }
1056
1057 .fpframework-admin-container :is(.border-grey-3) {
1058 --tw-border-opacity: 1;
1059 border-color: rgb(225 225 225 / var(--tw-border-opacity))
1060 }
1061
1062 .fpframework-admin-container :is(.border-red-600) {
1063 --tw-border-opacity: 1;
1064 border-color: rgb(220 38 38 / var(--tw-border-opacity))
1065 }
1066
1067 .fpframework-admin-container :is(.border-transparent) {
1068 border-color: transparent
1069 }
1070
1071 .fpframework-admin-container :is(.border-yellow-600) {
1072 --tw-border-opacity: 1;
1073 border-color: rgb(202 138 4 / var(--tw-border-opacity))
1074 }
1075
1076 .fpframework-admin-container :is(.border-t-gray-800) {
1077 --tw-border-opacity: 1;
1078 border-top-color: rgb(31 41 55 / var(--tw-border-opacity))
1079 }
1080
1081 .fpframework-admin-container :is(.border-t-white) {
1082 --tw-border-opacity: 1;
1083 border-top-color: rgb(255 255 255 / var(--tw-border-opacity))
1084 }
1085
1086 .fpframework-admin-container :is(.bg-\[\#f8f8f8\]) {
1087 --tw-bg-opacity: 1;
1088 background-color: rgb(248 248 248 / var(--tw-bg-opacity))
1089 }
1090
1091 .fpframework-admin-container :is(.bg-accent) {
1092 --tw-bg-opacity: 1;
1093 background-color: rgb(36 56 233 / var(--tw-bg-opacity))
1094 }
1095
1096 .fpframework-admin-container :is(.bg-accent-hover) {
1097 --tw-bg-opacity: 1;
1098 background-color: rgb(29 46 202 / var(--tw-bg-opacity))
1099 }
1100
1101 .fpframework-admin-container :is(.bg-accent\/70) {
1102 background-color: rgb(36 56 233 / 0.7)
1103 }
1104
1105 .fpframework-admin-container :is(.bg-amber-50) {
1106 --tw-bg-opacity: 1;
1107 background-color: rgb(255 251 235 / var(--tw-bg-opacity))
1108 }
1109
1110 .fpframework-admin-container :is(.bg-blue-100) {
1111 --tw-bg-opacity: 1;
1112 background-color: rgb(219 234 254 / var(--tw-bg-opacity))
1113 }
1114
1115 .fpframework-admin-container :is(.bg-blue-200) {
1116 --tw-bg-opacity: 1;
1117 background-color: rgb(191 219 254 / var(--tw-bg-opacity))
1118 }
1119
1120 .fpframework-admin-container :is(.bg-custom-red) {
1121 --tw-bg-opacity: 1;
1122 background-color: rgb(219 68 55 / var(--tw-bg-opacity))
1123 }
1124
1125 .fpframework-admin-container :is(.bg-default) {
1126 --tw-bg-opacity: 1;
1127 background-color: rgb(65 73 91 / var(--tw-bg-opacity))
1128 }
1129
1130 .fpframework-admin-container :is(.bg-gray-100) {
1131 --tw-bg-opacity: 1;
1132 background-color: rgb(243 244 246 / var(--tw-bg-opacity))
1133 }
1134
1135 .fpframework-admin-container :is(.bg-gray-200) {
1136 --tw-bg-opacity: 1;
1137 background-color: rgb(229 231 235 / var(--tw-bg-opacity))
1138 }
1139
1140 .fpframework-admin-container :is(.bg-gray-300) {
1141 --tw-bg-opacity: 1;
1142 background-color: rgb(209 213 219 / var(--tw-bg-opacity))
1143 }
1144
1145 .fpframework-admin-container :is(.bg-gray-400) {
1146 --tw-bg-opacity: 1;
1147 background-color: rgb(156 163 175 / var(--tw-bg-opacity))
1148 }
1149
1150 .fpframework-admin-container :is(.bg-green-100) {
1151 --tw-bg-opacity: 1;
1152 background-color: rgb(220 252 231 / var(--tw-bg-opacity))
1153 }
1154
1155 .fpframework-admin-container :is(.bg-grey-4) {
1156 --tw-bg-opacity: 1;
1157 background-color: rgb(250 250 250 / var(--tw-bg-opacity))
1158 }
1159
1160 .fpframework-admin-container :is(.bg-metric-clicks) {
1161 --tw-bg-opacity: 1;
1162 background-color: rgb(52 211 153 / var(--tw-bg-opacity))
1163 }
1164
1165 .fpframework-admin-container :is(.bg-metric-conversion-rate) {
1166 --tw-bg-opacity: 1;
1167 background-color: rgb(139 92 246 / var(--tw-bg-opacity))
1168 }
1169
1170 .fpframework-admin-container :is(.bg-metric-conversions) {
1171 --tw-bg-opacity: 1;
1172 background-color: rgb(223 161 183 / var(--tw-bg-opacity))
1173 }
1174
1175 .fpframework-admin-container :is(.bg-metric-revenue) {
1176 --tw-bg-opacity: 1;
1177 background-color: rgb(222 183 123 / var(--tw-bg-opacity))
1178 }
1179
1180 .fpframework-admin-container :is(.bg-metric-views) {
1181 --tw-bg-opacity: 1;
1182 background-color: rgb(83 131 236 / var(--tw-bg-opacity))
1183 }
1184
1185 .fpframework-admin-container :is(.bg-pale-blue) {
1186 --tw-bg-opacity: 1;
1187 background-color: rgb(238 246 253 / var(--tw-bg-opacity))
1188 }
1189
1190 .fpframework-admin-container :is(.bg-red-100) {
1191 --tw-bg-opacity: 1;
1192 background-color: rgb(254 226 226 / var(--tw-bg-opacity))
1193 }
1194
1195 .fpframework-admin-container :is(.bg-slate-200) {
1196 --tw-bg-opacity: 1;
1197 background-color: rgb(226 232 240 / var(--tw-bg-opacity))
1198 }
1199
1200 .fpframework-admin-container :is(.bg-transparent) {
1201 background-color: transparent
1202 }
1203
1204 .fpframework-admin-container :is(.bg-white) {
1205 --tw-bg-opacity: 1;
1206 background-color: rgb(255 255 255 / var(--tw-bg-opacity))
1207 }
1208
1209 .fpframework-admin-container :is(.bg-white\/40) {
1210 background-color: rgb(255 255 255 / 0.4)
1211 }
1212
1213 .fpframework-admin-container :is(.bg-yellow-100) {
1214 --tw-bg-opacity: 1;
1215 background-color: rgb(254 249 195 / var(--tw-bg-opacity))
1216 }
1217
1218 .fpframework-admin-container :is(.fill-current) {
1219 fill: currentColor
1220 }
1221
1222 .fpframework-admin-container :is(.p-0) {
1223 padding: 0px
1224 }
1225
1226 .fpframework-admin-container :is(.p-1) {
1227 padding: 8px
1228 }
1229
1230 .fpframework-admin-container :is(.p-2) {
1231 padding: 16px
1232 }
1233
1234 .fpframework-admin-container :is(.p-3) {
1235 padding: 24px
1236 }
1237
1238 .fpframework-admin-container :is(.p-4) {
1239 padding: 32px
1240 }
1241
1242 .fpframework-admin-container :is(.p-5) {
1243 padding: 40px
1244 }
1245
1246 .fpframework-admin-container :is(.p-8) {
1247 padding: 64px
1248 }
1249
1250 .fpframework-admin-container :is(.p-\[10px\]) {
1251 padding: 10px
1252 }
1253
1254 .fpframework-admin-container :is(.p-\[1px\]) {
1255 padding: 1px
1256 }
1257
1258 .fpframework-admin-container :is(.p-\[3px\]) {
1259 padding: 3px
1260 }
1261
1262 .fpframework-admin-container :is(.px-1) {
1263 padding-left: 8px;
1264 padding-right: 8px
1265 }
1266
1267 .fpframework-admin-container :is(.px-1\.5) {
1268 padding-left: 0.375rem;
1269 padding-right: 0.375rem
1270 }
1271
1272 .fpframework-admin-container :is(.px-2) {
1273 padding-left: 16px;
1274 padding-right: 16px
1275 }
1276
1277 .fpframework-admin-container :is(.px-3) {
1278 padding-left: 24px;
1279 padding-right: 24px
1280 }
1281
1282 .fpframework-admin-container :is(.px-4) {
1283 padding-left: 32px;
1284 padding-right: 32px
1285 }
1286
1287 .fpframework-admin-container :is(.px-\[22px\]) {
1288 padding-left: 22px;
1289 padding-right: 22px
1290 }
1291
1292 .fpframework-admin-container :is(.px-\[4px\]) {
1293 padding-left: 4px;
1294 padding-right: 4px
1295 }
1296
1297 .fpframework-admin-container :is(.py-0) {
1298 padding-top: 0px;
1299 padding-bottom: 0px
1300 }
1301
1302 .fpframework-admin-container :is(.py-0\.5) {
1303 padding-top: 0.125rem;
1304 padding-bottom: 0.125rem
1305 }
1306
1307 .fpframework-admin-container :is(.py-1) {
1308 padding-top: 8px;
1309 padding-bottom: 8px
1310 }
1311
1312 .fpframework-admin-container :is(.py-1\.5) {
1313 padding-top: 0.375rem;
1314 padding-bottom: 0.375rem
1315 }
1316
1317 .fpframework-admin-container :is(.py-2) {
1318 padding-top: 16px;
1319 padding-bottom: 16px
1320 }
1321
1322 .fpframework-admin-container :is(.py-5) {
1323 padding-top: 40px;
1324 padding-bottom: 40px
1325 }
1326
1327 .fpframework-admin-container :is(.py-\[11px\]) {
1328 padding-top: 11px;
1329 padding-bottom: 11px
1330 }
1331
1332 .fpframework-admin-container :is(.py-\[12px\]) {
1333 padding-top: 12px;
1334 padding-bottom: 12px
1335 }
1336
1337 .fpframework-admin-container :is(.py-\[4px\]) {
1338 padding-top: 4px;
1339 padding-bottom: 4px
1340 }
1341
1342 .fpframework-admin-container :is(.pb-2) {
1343 padding-bottom: 16px
1344 }
1345
1346 .fpframework-admin-container :is(.pl-0) {
1347 padding-left: 0px
1348 }
1349
1350 .fpframework-admin-container :is(.pl-1) {
1351 padding-left: 8px
1352 }
1353
1354 .fpframework-admin-container :is(.pl-3) {
1355 padding-left: 24px
1356 }
1357
1358 .fpframework-admin-container :is(.pr-2) {
1359 padding-right: 16px
1360 }
1361
1362 .fpframework-admin-container :is(.pr-6) {
1363 padding-right: 48px
1364 }
1365
1366 .fpframework-admin-container :is(.pt-1) {
1367 padding-top: 8px
1368 }
1369
1370 .fpframework-admin-container :is(.text-left) {
1371 text-align: left
1372 }
1373
1374 .fpframework-admin-container :is(.text-center) {
1375 text-align: center
1376 }
1377
1378 .fpframework-admin-container :is(.text-right) {
1379 text-align: right
1380 }
1381
1382 .fpframework-admin-container :is(.align-middle) {
1383 vertical-align: middle
1384 }
1385
1386 .fpframework-admin-container :is(.\!text-sm) {
1387 font-size: 14px !important
1388 }
1389
1390 .fpframework-admin-container :is(.text-\[12px\]) {
1391 font-size: 12px
1392 }
1393
1394 .fpframework-admin-container :is(.text-\[13px\]) {
1395 font-size: 13px
1396 }
1397
1398 .fpframework-admin-container :is(.text-\[14px\]) {
1399 font-size: 14px
1400 }
1401
1402 .fpframework-admin-container :is(.text-\[20px\]) {
1403 font-size: 20px
1404 }
1405
1406 .fpframework-admin-container :is(.text-\[32px\]) {
1407 font-size: 32px
1408 }
1409
1410 .fpframework-admin-container :is(.text-base) {
1411 font-size: 15px
1412 }
1413
1414 .fpframework-admin-container :is(.text-lg) {
1415 font-size: 16px
1416 }
1417
1418 .fpframework-admin-container :is(.text-sm) {
1419 font-size: 14px
1420 }
1421
1422 .fpframework-admin-container :is(.text-xl) {
1423 font-size: 18px
1424 }
1425
1426 .fpframework-admin-container :is(.text-xs) {
1427 font-size: 0.75rem;
1428 line-height: 1rem
1429 }
1430
1431 .fpframework-admin-container :is(.font-bold) {
1432 font-weight: 700
1433 }
1434
1435 .fpframework-admin-container :is(.font-medium) {
1436 font-weight: 500
1437 }
1438
1439 .fpframework-admin-container :is(.font-normal) {
1440 font-weight: 400
1441 }
1442
1443 .fpframework-admin-container :is(.font-semibold) {
1444 font-weight: 600
1445 }
1446
1447 .fpframework-admin-container :is(.uppercase) {
1448 text-transform: uppercase
1449 }
1450
1451 .fpframework-admin-container :is(.lowercase) {
1452 text-transform: lowercase
1453 }
1454
1455 .fpframework-admin-container :is(.capitalize) {
1456 text-transform: capitalize
1457 }
1458
1459 .fpframework-admin-container :is(.italic) {
1460 font-style: italic
1461 }
1462
1463 .fpframework-admin-container :is(.ordinal) {
1464 --tw-ordinal: ordinal;
1465 font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
1466 }
1467
1468 .fpframework-admin-container :is(.tabular-nums) {
1469 --tw-numeric-spacing: tabular-nums;
1470 font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
1471 }
1472
1473 .fpframework-admin-container :is(.leading-\[24px\]) {
1474 line-height: 24px
1475 }
1476
1477 .fpframework-admin-container :is(.leading-none) {
1478 line-height: 1
1479 }
1480
1481 .fpframework-admin-container :is(.leading-relaxed) {
1482 line-height: 1.625
1483 }
1484
1485 .fpframework-admin-container :is(.leading-snug) {
1486 line-height: 1.375
1487 }
1488
1489 .fpframework-admin-container :is(.text-\[\#888\]) {
1490 --tw-text-opacity: 1;
1491 color: rgb(136 136 136 / var(--tw-text-opacity))
1492 }
1493
1494 .fpframework-admin-container :is(.text-\[\#EF2B10\]) {
1495 --tw-text-opacity: 1;
1496 color: rgb(239 43 16 / var(--tw-text-opacity))
1497 }
1498
1499 .fpframework-admin-container :is(.text-accent) {
1500 --tw-text-opacity: 1;
1501 color: rgb(36 56 233 / var(--tw-text-opacity))
1502 }
1503
1504 .fpframework-admin-container :is(.text-amber-700) {
1505 --tw-text-opacity: 1;
1506 color: rgb(180 83 9 / var(--tw-text-opacity))
1507 }
1508
1509 .fpframework-admin-container :is(.text-black) {
1510 --tw-text-opacity: 1;
1511 color: rgb(0 0 0 / var(--tw-text-opacity))
1512 }
1513
1514 .fpframework-admin-container :is(.text-current) {
1515 color: currentColor
1516 }
1517
1518 .fpframework-admin-container :is(.text-custom-green) {
1519 --tw-text-opacity: 1;
1520 color: rgb(15 157 88 / var(--tw-text-opacity))
1521 }
1522
1523 .fpframework-admin-container :is(.text-custom-red) {
1524 --tw-text-opacity: 1;
1525 color: rgb(219 68 55 / var(--tw-text-opacity))
1526 }
1527
1528 .fpframework-admin-container :is(.text-default) {
1529 --tw-text-opacity: 1;
1530 color: rgb(65 73 91 / var(--tw-text-opacity))
1531 }
1532
1533 .fpframework-admin-container :is(.text-gray-100) {
1534 --tw-text-opacity: 1;
1535 color: rgb(243 244 246 / var(--tw-text-opacity))
1536 }
1537
1538 .fpframework-admin-container :is(.text-gray-300) {
1539 --tw-text-opacity: 1;
1540 color: rgb(209 213 219 / var(--tw-text-opacity))
1541 }
1542
1543 .fpframework-admin-container :is(.text-gray-400) {
1544 --tw-text-opacity: 1;
1545 color: rgb(156 163 175 / var(--tw-text-opacity))
1546 }
1547
1548 .fpframework-admin-container :is(.text-gray-400\/70) {
1549 color: rgb(156 163 175 / 0.7)
1550 }
1551
1552 .fpframework-admin-container :is(.text-gray-500) {
1553 --tw-text-opacity: 1;
1554 color: rgb(107 114 128 / var(--tw-text-opacity))
1555 }
1556
1557 .fpframework-admin-container :is(.text-gray-500\/80) {
1558 color: rgb(107 114 128 / 0.8)
1559 }
1560
1561 .fpframework-admin-container :is(.text-gray-600) {
1562 --tw-text-opacity: 1;
1563 color: rgb(75 85 99 / var(--tw-text-opacity))
1564 }
1565
1566 .fpframework-admin-container :is(.text-gray-700) {
1567 --tw-text-opacity: 1;
1568 color: rgb(55 65 81 / var(--tw-text-opacity))
1569 }
1570
1571 .fpframework-admin-container :is(.text-gray-800) {
1572 --tw-text-opacity: 1;
1573 color: rgb(31 41 55 / var(--tw-text-opacity))
1574 }
1575
1576 .fpframework-admin-container :is(.text-gray-900) {
1577 --tw-text-opacity: 1;
1578 color: rgb(17 24 39 / var(--tw-text-opacity))
1579 }
1580
1581 .fpframework-admin-container :is(.text-green-400) {
1582 --tw-text-opacity: 1;
1583 color: rgb(74 222 128 / var(--tw-text-opacity))
1584 }
1585
1586 .fpframework-admin-container :is(.text-green-500) {
1587 --tw-text-opacity: 1;
1588 color: rgb(34 197 94 / var(--tw-text-opacity))
1589 }
1590
1591 .fpframework-admin-container :is(.text-green-600) {
1592 --tw-text-opacity: 1;
1593 color: rgb(22 163 74 / var(--tw-text-opacity))
1594 }
1595
1596 .fpframework-admin-container :is(.text-grey-1) {
1597 --tw-text-opacity: 1;
1598 color: rgb(153 153 153 / var(--tw-text-opacity))
1599 }
1600
1601 .fpframework-admin-container :is(.text-grey-3) {
1602 --tw-text-opacity: 1;
1603 color: rgb(225 225 225 / var(--tw-text-opacity))
1604 }
1605
1606 .fpframework-admin-container :is(.text-metric-clicks) {
1607 --tw-text-opacity: 1;
1608 color: rgb(52 211 153 / var(--tw-text-opacity))
1609 }
1610
1611 .fpframework-admin-container :is(.text-metric-conversion-rate) {
1612 --tw-text-opacity: 1;
1613 color: rgb(139 92 246 / var(--tw-text-opacity))
1614 }
1615
1616 .fpframework-admin-container :is(.text-metric-conversions) {
1617 --tw-text-opacity: 1;
1618 color: rgb(223 161 183 / var(--tw-text-opacity))
1619 }
1620
1621 .fpframework-admin-container :is(.text-metric-revenue) {
1622 --tw-text-opacity: 1;
1623 color: rgb(222 183 123 / var(--tw-text-opacity))
1624 }
1625
1626 .fpframework-admin-container :is(.text-metric-views) {
1627 --tw-text-opacity: 1;
1628 color: rgb(83 131 236 / var(--tw-text-opacity))
1629 }
1630
1631 .fpframework-admin-container :is(.text-orange-400) {
1632 --tw-text-opacity: 1;
1633 color: rgb(251 146 60 / var(--tw-text-opacity))
1634 }
1635
1636 .fpframework-admin-container :is(.text-red-400) {
1637 --tw-text-opacity: 1;
1638 color: rgb(248 113 113 / var(--tw-text-opacity))
1639 }
1640
1641 .fpframework-admin-container :is(.text-red-500) {
1642 --tw-text-opacity: 1;
1643 color: rgb(239 68 68 / var(--tw-text-opacity))
1644 }
1645
1646 .fpframework-admin-container :is(.text-red-600) {
1647 --tw-text-opacity: 1;
1648 color: rgb(220 38 38 / var(--tw-text-opacity))
1649 }
1650
1651 .fpframework-admin-container :is(.text-white) {
1652 --tw-text-opacity: 1;
1653 color: rgb(255 255 255 / var(--tw-text-opacity))
1654 }
1655
1656 .fpframework-admin-container :is(.underline) {
1657 text-decoration-line: underline
1658 }
1659
1660 .fpframework-admin-container :is(.no-underline) {
1661 text-decoration-line: none
1662 }
1663
1664 .fpframework-admin-container :is(.opacity-0) {
1665 opacity: 0
1666 }
1667
1668 .fpframework-admin-container :is(.opacity-100) {
1669 opacity: 1
1670 }
1671
1672 .fpframework-admin-container :is(.opacity-30) {
1673 opacity: 0.3
1674 }
1675
1676 .fpframework-admin-container :is(.opacity-50) {
1677 opacity: 0.5
1678 }
1679
1680 .fpframework-admin-container :is(.opacity-80) {
1681 opacity: 0.8
1682 }
1683
1684 .fpframework-admin-container :is(.shadow) {
1685 --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1686 --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1687 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
1688 }
1689
1690 .fpframework-admin-container :is(.shadow-box) {
1691 --tw-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
1692 --tw-shadow-colored: 0 0 8px 0 var(--tw-shadow-color);
1693 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
1694 }
1695
1696 .fpframework-admin-container :is(.shadow-lg) {
1697 --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1698 --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1699 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
1700 }
1701
1702 .fpframework-admin-container :is(.shadow-none) {
1703 --tw-shadow: 0 0 #0000;
1704 --tw-shadow-colored: 0 0 #0000;
1705 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
1706 }
1707
1708 .fpframework-admin-container :is(.outline-none) {
1709 outline: 2px solid transparent;
1710 outline-offset: 2px
1711 }
1712
1713 .fpframework-admin-container :is(.outline) {
1714 outline-style: solid
1715 }
1716
1717 .fpframework-admin-container :is(.ring) {
1718 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1719 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1720 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
1721 }
1722
1723 .fpframework-admin-container :is(.ring-1) {
1724 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1725 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1726 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
1727 }
1728
1729 .fpframework-admin-container :is(.ring-black\/5) {
1730 --tw-ring-color: rgb(0 0 0 / 0.05)
1731 }
1732
1733 .fpframework-admin-container :is(.ring-white\/10) {
1734 --tw-ring-color: rgb(255 255 255 / 0.1)
1735 }
1736
1737 .fpframework-admin-container :is(.blur) {
1738 --tw-blur: blur(8px);
1739 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
1740 }
1741
1742 .fpframework-admin-container :is(.drop-shadow-lg) {
1743 --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
1744 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
1745 }
1746
1747 .fpframework-admin-container :is(.grayscale) {
1748 --tw-grayscale: grayscale(100%);
1749 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
1750 }
1751
1752 .fpframework-admin-container :is(.invert) {
1753 --tw-invert: invert(100%);
1754 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
1755 }
1756
1757 .fpframework-admin-container :is(.filter) {
1758 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
1759 }
1760
1761 .fpframework-admin-container :is(.backdrop-blur-\[2px\]) {
1762 --tw-backdrop-blur: blur(2px);
1763 -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1764 backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
1765 }
1766
1767 .fpframework-admin-container :is(.backdrop-filter) {
1768 -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1769 backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
1770 }
1771
1772 .fpframework-admin-container :is(.transition) {
1773 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1774 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1775 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
1776 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1777 transition-duration: 150ms
1778 }
1779
1780 .fpframework-admin-container :is(.transition-all) {
1781 transition-property: all;
1782 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1783 transition-duration: 150ms
1784 }
1785
1786 .fpframework-admin-container :is(.transition-colors) {
1787 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1788 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1789 transition-duration: 150ms
1790 }
1791
1792 .fpframework-admin-container :is(.duration-200) {
1793 transition-duration: 200ms
1794 }
1795
1796 .fpframework-admin-container :is(.ease-in-out) {
1797 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
1798 }
1799
1800 .fpframework-admin-container :is(.ease-out) {
1801 transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
1802 }
1803
1804 .fpframework-admin-container :is(.hover\:cursor-pointer:hover) {
1805 cursor: pointer
1806 }
1807
1808 .fpframework-admin-container :is(.hover\:border-black:hover) {
1809 --tw-border-opacity: 1;
1810 border-color: rgb(0 0 0 / var(--tw-border-opacity))
1811 }
1812
1813 .fpframework-admin-container :is(.hover\:border-gray-700:hover) {
1814 --tw-border-opacity: 1;
1815 border-color: rgb(55 65 81 / var(--tw-border-opacity))
1816 }
1817
1818 .fpframework-admin-container :is(.hover\:border-grey-1:hover) {
1819 --tw-border-opacity: 1;
1820 border-color: rgb(153 153 153 / var(--tw-border-opacity))
1821 }
1822
1823 .fpframework-admin-container :is(.hover\:bg-\[\#EF2B10\]:hover) {
1824 --tw-bg-opacity: 1;
1825 background-color: rgb(239 43 16 / var(--tw-bg-opacity))
1826 }
1827
1828 .fpframework-admin-container :is(.hover\:bg-accent-hover:hover) {
1829 --tw-bg-opacity: 1;
1830 background-color: rgb(29 46 202 / var(--tw-bg-opacity))
1831 }
1832
1833 .fpframework-admin-container :is(.hover\:bg-accent\/90:hover) {
1834 background-color: rgb(36 56 233 / 0.9)
1835 }
1836
1837 .fpframework-admin-container :is(.hover\:bg-custom-red:hover) {
1838 --tw-bg-opacity: 1;
1839 background-color: rgb(219 68 55 / var(--tw-bg-opacity))
1840 }
1841
1842 .fpframework-admin-container :is(.hover\:bg-custom-red-dark:hover) {
1843 --tw-bg-opacity: 1;
1844 background-color: rgb(193 53 45 / var(--tw-bg-opacity))
1845 }
1846
1847 .fpframework-admin-container :is(.hover\:bg-dark-accent-hover:hover) {
1848 --tw-bg-opacity: 1;
1849 background-color: rgb(106 122 254 / var(--tw-bg-opacity))
1850 }
1851
1852 .fpframework-admin-container :is(.hover\:bg-pale-blue:hover) {
1853 --tw-bg-opacity: 1;
1854 background-color: rgb(238 246 253 / var(--tw-bg-opacity))
1855 }
1856
1857 .fpframework-admin-container :is(.hover\:text-accent:hover) {
1858 --tw-text-opacity: 1;
1859 color: rgb(36 56 233 / var(--tw-text-opacity))
1860 }
1861
1862 .fpframework-admin-container :is(.hover\:text-accent-hover:hover) {
1863 --tw-text-opacity: 1;
1864 color: rgb(29 46 202 / var(--tw-text-opacity))
1865 }
1866
1867 .fpframework-admin-container :is(.hover\:text-black:hover) {
1868 --tw-text-opacity: 1;
1869 color: rgb(0 0 0 / var(--tw-text-opacity))
1870 }
1871
1872 .fpframework-admin-container :is(.hover\:text-custom-red:hover) {
1873 --tw-text-opacity: 1;
1874 color: rgb(219 68 55 / var(--tw-text-opacity))
1875 }
1876
1877 .fpframework-admin-container :is(.hover\:text-dark-1:hover) {
1878 --tw-text-opacity: 1;
1879 color: rgb(36 42 47 / var(--tw-text-opacity))
1880 }
1881
1882 .fpframework-admin-container :is(.hover\:text-gray-500\/80:hover) {
1883 color: rgb(107 114 128 / 0.8)
1884 }
1885
1886 .fpframework-admin-container :is(.hover\:text-white:hover) {
1887 --tw-text-opacity: 1;
1888 color: rgb(255 255 255 / var(--tw-text-opacity))
1889 }
1890
1891 .fpframework-admin-container :is(.hover\:opacity-100:hover) {
1892 opacity: 1
1893 }
1894
1895 .fpframework-admin-container :is(.focus\:border-grey-1:focus) {
1896 --tw-border-opacity: 1;
1897 border-color: rgb(153 153 153 / var(--tw-border-opacity))
1898 }
1899
1900 .fpframework-admin-container :is(.group:hover .group-hover\:pointer-events-auto) {
1901 pointer-events: auto
1902 }
1903
1904 .fpframework-admin-container :is(.group:hover .group-hover\:z-30) {
1905 z-index: 30
1906 }
1907
1908 .fpframework-admin-container :is(.group\/metriclabel:hover .group-hover\/metriclabel\:flex) {
1909 display: flex
1910 }
1911
1912 .fpframework-admin-container :is(.group\/icon:hover .group-hover\/icon\:inline-flex) {
1913 display: inline-flex
1914 }
1915
1916 .fpframework-admin-container :is(.group\/icon:hover .group-hover\/icon\:hidden) {
1917 display: none
1918 }
1919
1920 .fpframework-admin-container :is(.group:hover .group-hover\:opacity-100) {
1921 opacity: 1
1922 }
1923
1924 .fpframework-admin-container :is(.dark .dark\:block) {
1925 display: block
1926 }
1927
1928 .fpframework-admin-container :is(.dark .dark\:hidden) {
1929 display: none
1930 }
1931
1932 .fpframework-admin-container :is(.dark .dark\:justify-end) {
1933 justify-content: flex-end
1934 }
1935
1936 .fpframework-admin-container :is(.dark .dark\:border-none) {
1937 border-style: none
1938 }
1939
1940 .fpframework-admin-container :is(.dark .dark\:border-\[\#626f78\]) {
1941 --tw-border-opacity: 1;
1942 border-color: rgb(98 111 120 / var(--tw-border-opacity))
1943 }
1944
1945 .fpframework-admin-container :is(.dark .dark\:border-default) {
1946 --tw-border-opacity: 1;
1947 border-color: rgb(65 73 91 / var(--tw-border-opacity))
1948 }
1949
1950 .fpframework-admin-container :is(.dark .dark\:border-gray-600) {
1951 --tw-border-opacity: 1;
1952 border-color: rgb(75 85 99 / var(--tw-border-opacity))
1953 }
1954
1955 .fpframework-admin-container :is(.dark .dark\:border-gray-700) {
1956 --tw-border-opacity: 1;
1957 border-color: rgb(55 65 81 / var(--tw-border-opacity))
1958 }
1959
1960 .fpframework-admin-container :is(.dark .dark\:border-t-gray-800) {
1961 --tw-border-opacity: 1;
1962 border-top-color: rgb(31 41 55 / var(--tw-border-opacity))
1963 }
1964
1965 .fpframework-admin-container :is(.dark .dark\:bg-\[\#343d43\]) {
1966 --tw-bg-opacity: 1;
1967 background-color: rgb(52 61 67 / var(--tw-bg-opacity))
1968 }
1969
1970 .fpframework-admin-container :is(.dark .dark\:bg-\[\#626f78\]) {
1971 --tw-bg-opacity: 1;
1972 background-color: rgb(98 111 120 / var(--tw-bg-opacity))
1973 }
1974
1975 .fpframework-admin-container :is(.dark .dark\:bg-accent) {
1976 --tw-bg-opacity: 1;
1977 background-color: rgb(36 56 233 / var(--tw-bg-opacity))
1978 }
1979
1980 .fpframework-admin-container :is(.dark .dark\:bg-blue-800) {
1981 --tw-bg-opacity: 1;
1982 background-color: rgb(30 64 175 / var(--tw-bg-opacity))
1983 }
1984
1985 .fpframework-admin-container :is(.dark .dark\:bg-dark-1) {
1986 --tw-bg-opacity: 1;
1987 background-color: rgb(36 42 47 / var(--tw-bg-opacity))
1988 }
1989
1990 .fpframework-admin-container :is(.dark .dark\:bg-dark-1\/40) {
1991 background-color: rgb(36 42 47 / 0.4)
1992 }
1993
1994 .fpframework-admin-container :is(.dark .dark\:bg-gray-500) {
1995 --tw-bg-opacity: 1;
1996 background-color: rgb(107 114 128 / var(--tw-bg-opacity))
1997 }
1998
1999 .fpframework-admin-container :is(.dark .dark\:bg-gray-600) {
2000 --tw-bg-opacity: 1;
2001 background-color: rgb(75 85 99 / var(--tw-bg-opacity))
2002 }
2003
2004 .fpframework-admin-container :is(.dark .dark\:bg-gray-700) {
2005 --tw-bg-opacity: 1;
2006 background-color: rgb(55 65 81 / var(--tw-bg-opacity))
2007 }
2008
2009 .fpframework-admin-container :is(.dark .dark\:bg-gray-800) {
2010 --tw-bg-opacity: 1;
2011 background-color: rgb(31 41 55 / var(--tw-bg-opacity))
2012 }
2013
2014 .fpframework-admin-container :is(.dark .dark\:bg-pale-blue) {
2015 --tw-bg-opacity: 1;
2016 background-color: rgb(238 246 253 / var(--tw-bg-opacity))
2017 }
2018
2019 .fpframework-admin-container :is(.dark .dark\:bg-slate-700) {
2020 --tw-bg-opacity: 1;
2021 background-color: rgb(51 65 85 / var(--tw-bg-opacity))
2022 }
2023
2024 .fpframework-admin-container :is(.dark .dark\:bg-transparent) {
2025 background-color: transparent
2026 }
2027
2028 .fpframework-admin-container :is(.dark .dark\:bg-white) {
2029 --tw-bg-opacity: 1;
2030 background-color: rgb(255 255 255 / var(--tw-bg-opacity))
2031 }
2032
2033 .fpframework-admin-container :is(.dark .dark\:p-\[3px\]) {
2034 padding: 3px
2035 }
2036
2037 .fpframework-admin-container :is(.dark .dark\:text-black) {
2038 --tw-text-opacity: 1;
2039 color: rgb(0 0 0 / var(--tw-text-opacity))
2040 }
2041
2042 .fpframework-admin-container :is(.dark .dark\:text-dark-accent) {
2043 --tw-text-opacity: 1;
2044 color: rgb(113 125 228 / var(--tw-text-opacity))
2045 }
2046
2047 .fpframework-admin-container :is(.dark .dark\:text-gray-100) {
2048 --tw-text-opacity: 1;
2049 color: rgb(243 244 246 / var(--tw-text-opacity))
2050 }
2051
2052 .fpframework-admin-container :is(.dark .dark\:text-gray-200) {
2053 --tw-text-opacity: 1;
2054 color: rgb(229 231 235 / var(--tw-text-opacity))
2055 }
2056
2057 .fpframework-admin-container :is(.dark .dark\:text-gray-300) {
2058 --tw-text-opacity: 1;
2059 color: rgb(209 213 219 / var(--tw-text-opacity))
2060 }
2061
2062 .fpframework-admin-container :is(.dark .dark\:text-gray-400) {
2063 --tw-text-opacity: 1;
2064 color: rgb(156 163 175 / var(--tw-text-opacity))
2065 }
2066
2067 .fpframework-admin-container :is(.dark .dark\:text-gray-500) {
2068 --tw-text-opacity: 1;
2069 color: rgb(107 114 128 / var(--tw-text-opacity))
2070 }
2071
2072 .fpframework-admin-container :is(.dark .dark\:text-gray-600) {
2073 --tw-text-opacity: 1;
2074 color: rgb(75 85 99 / var(--tw-text-opacity))
2075 }
2076
2077 .fpframework-admin-container :is(.dark .dark\:text-green-400) {
2078 --tw-text-opacity: 1;
2079 color: rgb(74 222 128 / var(--tw-text-opacity))
2080 }
2081
2082 .fpframework-admin-container :is(.dark .dark\:text-green-600) {
2083 --tw-text-opacity: 1;
2084 color: rgb(22 163 74 / var(--tw-text-opacity))
2085 }
2086
2087 .fpframework-admin-container :is(.dark .dark\:text-grey-1) {
2088 --tw-text-opacity: 1;
2089 color: rgb(153 153 153 / var(--tw-text-opacity))
2090 }
2091
2092 .fpframework-admin-container :is(.dark .dark\:text-grey-3) {
2093 --tw-text-opacity: 1;
2094 color: rgb(225 225 225 / var(--tw-text-opacity))
2095 }
2096
2097 .fpframework-admin-container :is(.dark .dark\:text-red-400) {
2098 --tw-text-opacity: 1;
2099 color: rgb(248 113 113 / var(--tw-text-opacity))
2100 }
2101
2102 .fpframework-admin-container :is(.dark .dark\:text-red-700) {
2103 --tw-text-opacity: 1;
2104 color: rgb(185 28 28 / var(--tw-text-opacity))
2105 }
2106
2107 .fpframework-admin-container :is(.dark .dark\:text-white) {
2108 --tw-text-opacity: 1;
2109 color: rgb(255 255 255 / var(--tw-text-opacity))
2110 }
2111
2112 .fpframework-admin-container :is(.dark .dark\:ring-white\/10) {
2113 --tw-ring-color: rgb(255 255 255 / 0.1)
2114 }
2115
2116 .fpframework-admin-container :is(.dark .dark\:placeholder\:text-grey-4)::-moz-placeholder {
2117 --tw-text-opacity: 1;
2118 color: rgb(250 250 250 / var(--tw-text-opacity))
2119 }
2120
2121 .fpframework-admin-container :is(.dark .dark\:placeholder\:text-grey-4)::placeholder {
2122 --tw-text-opacity: 1;
2123 color: rgb(250 250 250 / var(--tw-text-opacity))
2124 }
2125
2126 .fpframework-admin-container :is(.dark .dark\:hover\:border-gray-400:hover) {
2127 --tw-border-opacity: 1;
2128 border-color: rgb(156 163 175 / var(--tw-border-opacity))
2129 }
2130
2131 .fpframework-admin-container :is(.dark .dark\:hover\:bg-\[\#6b7a84\]:hover) {
2132 --tw-bg-opacity: 1;
2133 background-color: rgb(107 122 132 / var(--tw-bg-opacity))
2134 }
2135
2136 .fpframework-admin-container :is(.dark .dark\:hover\:bg-accent-hover:hover) {
2137 --tw-bg-opacity: 1;
2138 background-color: rgb(29 46 202 / var(--tw-bg-opacity))
2139 }
2140
2141 .fpframework-admin-container :is(.dark .dark\:hover\:bg-pale-blue:hover) {
2142 --tw-bg-opacity: 1;
2143 background-color: rgb(238 246 253 / var(--tw-bg-opacity))
2144 }
2145
2146 .fpframework-admin-container :is(.dark .dark\:hover\:text-accent:hover) {
2147 --tw-text-opacity: 1;
2148 color: rgb(36 56 233 / var(--tw-text-opacity))
2149 }
2150
2151 .fpframework-admin-container :is(.dark .dark\:hover\:text-black:hover) {
2152 --tw-text-opacity: 1;
2153 color: rgb(0 0 0 / var(--tw-text-opacity))
2154 }
2155
2156 .fpframework-admin-container :is(.dark .dark\:hover\:text-dark-accent:hover) {
2157 --tw-text-opacity: 1;
2158 color: rgb(113 125 228 / var(--tw-text-opacity))
2159 }
2160
2161 .fpframework-admin-container :is(.dark .dark\:hover\:text-dark-accent-hover:hover) {
2162 --tw-text-opacity: 1;
2163 color: rgb(106 122 254 / var(--tw-text-opacity))
2164 }
2165
2166 .fpframework-admin-container :is(.dark .dark\:hover\:text-gray-300:hover) {
2167 --tw-text-opacity: 1;
2168 color: rgb(209 213 219 / var(--tw-text-opacity))
2169 }
2170
2171 .fpframework-admin-container :is(.dark .dark\:hover\:text-grey-3:hover) {
2172 --tw-text-opacity: 1;
2173 color: rgb(225 225 225 / var(--tw-text-opacity))
2174 }
2175
2176 .fpframework-admin-container :is(.dark .dark\:hover\:text-white:hover) {
2177 --tw-text-opacity: 1;
2178 color: rgb(255 255 255 / var(--tw-text-opacity))
2179 }
2180
2181 @media (min-width: 768px) {
2182 .fpframework-admin-container :is(.md\:-top-24) {
2183 top: -6rem
2184 }
2185
2186 .fpframework-admin-container :is(.md\:-top-36) {
2187 top: -9rem
2188 }
2189
2190 .fpframework-admin-container :is(.md\:-top-40) {
2191 top: -10rem
2192 }
2193
2194 .fpframework-admin-container :is(.md\:inline-flex) {
2195 display: inline-flex
2196 }
2197
2198 .fpframework-admin-container :is(.md\:h-48) {
2199 height: 12rem
2200 }
2201
2202 .fpframework-admin-container :is(.md\:max-w-\[800px\]) {
2203 max-width: 800px
2204 }
2205
2206 .fpframework-admin-container :is(.md\:grid-cols-2) {
2207 grid-template-columns: repeat(2, minmax(0, 1fr))
2208 }
2209
2210 .fpframework-admin-container :is(.md\:grid-cols-4) {
2211 grid-template-columns: repeat(4, minmax(0, 1fr))
2212 }
2213
2214 .fpframework-admin-container :is(.md\:gap-3) {
2215 gap: 24px
2216 }
2217
2218 .fpframework-admin-container :is(.md\:gap-6) {
2219 gap: 48px
2220 }
2221
2222 .fpframework-admin-container :is(.md\:text-\[15px\]) {
2223 font-size: 15px
2224 }
2225 }
2226
2227 @media (min-width: 1024px) {
2228 .fpframework-admin-container :is(.lg\:grid-cols-2) {
2229 grid-template-columns: repeat(2, minmax(0, 1fr))
2230 }
2231
2232 .fpframework-admin-container :is(.lg\:grid-cols-3) {
2233 grid-template-columns: repeat(3, minmax(0, 1fr))
2234 }
2235 }