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
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
1012
1013
1014
1015
1016
1017
1018
1019
1020
1021
1022
1023
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036
1037
1038
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054
1055
1056
1057
1058
1059
1060
1061
1062
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085
1086
1087
1088
1089
1090
1091
1092
1093
1094
1095
1096
1097
1098
1099
1100
1101
1102
1103
1104
1105
1106
1107
1108
1109
1110
1111
1112
1113
1114
1115
1116
1117
1118
1119
1120
1121
1122
1123
1124
1125
1126
1127
1128
1129
1130
1131
1132
1133
1134
1135
1136
1137
1138
1139
1140
1141
1142
1143
1144
1145
1146
1147
1148
1149
1150
1151
1152
1153
1154
1155
1156
1157
1158
1159
1160
1161
1162
1163
1164
1165
1166
1167
1168
1169
1170
1171
1172
1173
1174
1175
1176
1177
1178
1179
1180
1181
1182
1183
1184
1185
1186
1187
1188
1189
1190
1191
1192
1193
1194
1195
1196
1197
1198
1199
1200
1201
1202
1203
1204
1205
1206
1207
1208
1209
1210
1211
1212
1213
1214
1215
1216
1217
1218
1219
1220
1221
1222
1223
1224
1225
1226
1227
1228
1229
1230
1231
1232
1233
1234
1235
1236
1237
1238
1239
1240
1241
1242
1243
1244
1245
1246
1247
1248
1249
1250
1251
1252
1253
1254
1255
1256
1257
1258
1259
1260
1261
1262
1263
1264
1265
1266
1267
1268
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278
1279
1280
1281
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
1300
1301
1302
1303
1304
1305
1306
1307
1308
1309
1310
1311
1312
1313
1314
1315
1316
1317
1318
1319
1320
1321
1322
1323
1324
1325
1326
1327
1328
1329
1330
1331
1332
1333
1334
1335
1336
1337
1338
1339
1340
1341
1342
1343
1344
1345
1346
1347
1348
1349
1350
1351
1352
1353
1354
1355
1356
1357
1358
1359
1360
1361
1362
1363
1364
1365
1366
1367
1368
1369
1370
1371
1372
1373
1374
1375
1376
1377
1378
1379
1380
1381
1382
1383
1384
1385
1386
1387
1388
1389
1390
1391
1392
1393
1394
1395
1396
1397
1398
1399
1400
1401
1402
1403
1404
1405
1406
1407
1408
1409
1410
1411
1412
1413
1414
1415
1416
1417
1418
1419
1420
1421
1422
1423
1424
1425
1426
1427
1428
1429
1430
1431
1432
1433
1434
1435
1436
1437
1438
1439
1440
1441
1442
1443
1444
1445
1446
1447
1448
1449
1450
1451
1452
1453
1454
1455
1456
1457
1458
1459
1460
1461
1462
1463
1464
1465
1466
1467
1468
1469
1470
1471
1472
1473
1474
1475
1476
1477
1478
1479
1480
1481
1482
1483
1484
1485
1486
1487
1488
1489
1490
1491
1492
1493
1494
1495
1496
1497
1498
1499
1500
1501
1502
1503
1504
1505
1506
1507
1508
1509
1510
1511
1512
1513
1514
1515
1516
1517
1518
1519
1520
1521
1522
1523
1524
1525
1526
1527
1528
1529
1530
1531
1532
1533
1534
1535
1536
1537
1538
1539
1540
1541
1542
1543
1544
1545
1546
1547
1548
1549
1550
1551
1552
1553
1554
1555
1556
1557
1558
1559
1560
1561
1562
1563
1564
1565
1566
1567
1568
1569
1570
1571
1572
1573
1574
1575
1576
1577
1578
1579
1580
1581
1582
1583
1584
1585
1586
1587
1588
1589
1590
1591
1592
1593
1594
1595
1596
1597
1598
1599
1600
1601
1602
1603
1604
1605
1606
1607
1608
1609
1610
1611
1612
1613
1614
1615
1616
1617
1618
1619
1620
1621
1622
1623
1624
1625
1626
1627
1628
1629
1630
1631
1632
1633
1634
1635
1636
1637
1638
1639
1640
1641
1642
1643
1644
1645
1646
1647
1648
1649
1650
1651
1652
1653
1654
1655
1656
1657
1658
1659
1660
1661
1662
1663
1664
1665
1666
1667
1668
1669
1670
1671
1672
1673
1674
1675
1676
1677
1678
1679
1680
1681
1682
1683
1684
1685
1686
1687
1688
1689
1690
1691
1692
1693
1694
1695
1696
1697
1698
1699
1700
1701
1702
1703
1704
1705
1706
1707
1708
1709
1710
1711
1712
1713
1714
1715
1716
1717
1718
1719
1720
1721
1722
1723
1724
1725
1726
1727
1728
1729
1730
1731
1732
1733
1734
1735
1736
1737
1738
1739
1740
1741
1742
1743
1744
1745
1746
1747
1748
1749
1750
1751
1752
1753
1754
1755
1756
1757
1758
1759
1760
1761
1762
1763
1764
1765
1766
1767
1768
1769
1770
1771
1772
1773
1774
1775
1776
1777
1778
1779
1780
1781
1782
1783
1784
1785
1786
1787
1788
1789
1790
1791
1792
1793
1794
1795
1796
1797
1798
1799
1800
1801
1802
1803
1804
1805
1806
1807
1808
1809
1810
1811
1812
1813
1814
1815
1816
1817
1818
1819
1820
1821
1822
1823
1824
1825
1826
1827
1828
1829
1830
1831
1832
1833
1834
1835
1836
1837
1838
1839
1840
1841
1842
1843
1844
1845
1846
1847
1848
1849
1850
1851
1852
1853
1854
1855
1856
1857
1858
1859
1860
1861
1862
1863
1864
1865
1866
1867
1868
1869
1870
1871
1872
1873
1874
1875
1876
1877
1878
1879
1880
1881
1882
1883
1884
1885
1886
1887
1888
1889
1890
1891
1892
1893
1894
1895
1896
1897
1898
1899
1900
1901
1902
1903
1904
1905
1906
1907
1908
1909
1910
1911
1912
1913
1914
1915
1916
1917
1918
1919
1920
1921
1922
1923
1924
1925
1926
1927
1928
1929
1930
1931
1932
1933
1934
1935
1936
1937
1938
1939
1940
1941
1942
1943
1944
1945
1946
1947
1948
1949
1950
1951
1952
1953
1954
1955
1956
1957
1958
1959
1960
1961
1962
1963
1964
1965
1966
1967
1968
1969
1970
1971
1972
1973
1974
1975
1976
1977
1978
1979
1980
1981
1982
1983
1984
1985
1986
1987
1988
1989
1990
1991
1992
1993
1994
1995
1996
1997
1998
1999
2000
2001
2002
2003
2004
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
2036
2037
2038
2039
2040
2041
2042
2043
2044
2045
2046
2047
2048
2049
2050
2051
2052
2053
2054
2055
2056
2057
2058
2059
2060
2061
2062
2063
2064
2065
2066
2067
2068
2069
2070
2071
2072
2073
2074
2075
2076
2077
2078
2079
2080
2081
2082
2083
2084
2085
2086
2087
2088
2089
2090
2091
2092
2093
2094
2095
2096
2097
2098
2099
2100
2101
2102
2103
2104
2105
2106
2107
2108
2109
2110
2111
2112
2113
2114
2115
2116
2117
2118
2119
2120
2121
2122
2123
2124
2125
2126
2127
2128
2129
2130
2131
2132
2133
2134
2135
2136
2137
2138
2139
2140
2141
2142
2143
2144
2145
2146
2147
2148
2149
2150
2151
2152
2153
2154
2155
2156
2157
2158
2159
2160
2161
2162
2163
2164
2165
2166
2167
2168
2169
2170
2171
2172
2173
2174
2175
2176
2177
2178
2179
2180
2181
2182
2183
2184
2185
2186
2187
2188
2189
2190
2191
2192
2193
2194
2195
2196
2197
2198
2199
2200
2201
2202
2203
2204
2205
2206
2207
2208
2209
2210
2211
2212
2213
2214
2215
2216
2217
2218
2219
2220
2221
2222
2223
2224
2225
2226
2227
2228
2229
2230
2231
2232
2233
2234
2235
2236
2237
2238
2239
2240
2241
2242
2243
2244
2245
2246
2247
2248
2249
2250
2251
2252
2253
2254
2255
2256
2257
2258
2259
2260
2261
2262
2263
2264
2265
2266
2267
2268
2269
2270
2271
2272
2273
2274
2275
2276
2277
2278
2279
2280
2281
2282
2283
2284
2285
2286
2287
2288
2289
2290
2291
2292
2293
2294
2295
2296
2297
2298
2299
2300
2301
2302
2303
2304
2305
2306
2307
2308
2309
2310
2311
2312
2313
2314
2315
2316
2317
2318
2319
2320
2321
2322
2323
2324
2325
2326
2327
2328
2329
2330
2331
2332
2333
2334
2335
2336
2337
2338
2339
2340
2341
2342
2343
2344
2345
2346
2347
2348
2349
2350
2351
2352
2353
2354
2355
2356
2357
2358
2359
2360
2361
2362
2363
2364
2365
2366
2367
2368
2369
2370
2371
2372
2373
2374
2375
2376
2377
2378
2379
2380
2381
2382
2383
2384
2385
2386
2387
2388
2389
2390
2391
2392
2393
2394
2395
2396
2397
2398
2399
2400
2401
2402
2403
2404
2405
2406
2407
2408
2409
2410
2411
2412
2413
2414
2415
2416
2417
2418
2419
2420
2421
2422
2423
2424
2425
2426
2427
2428
2429
2430
2431
2432
2433
2434
2435
2436
2437
2438
2439
2440
2441
2442
2443
2444
2445
2446
2447
2448
2449
2450
2451
2452
2453
2454
2455
2456
2457
2458
2459
2460
2461
2462
2463
2464
2465
2466
2467
2468
2469
2470
2471
2472
2473
2474
2475
2476
2477
2478
2479
2480
2481
2482
2483
2484
2485
2486
2487
2488
2489
2490
2491
2492
2493
2494
2495
2496
2497
2498
2499
2500
2501
2502
2503
2504
2505
2506
2507
2508
2509
2510
2511
2512
2513
2514
2515
2516
2517
2518
2519
2520
2521
2522
2523
2524
2525
2526
2527
2528
2529
2530
2531
2532
2533
2534
2535
2536
2537
2538
2539
2540
2541
2542
2543
2544
2545
2546
2547
2548
2549
2550
2551
2552
2553
2554
2555
2556
2557
2558
2559
2560
2561
2562
2563
2564
2565
2566
2567
2568
2569
2570
2571
2572
2573
2574
2575
2576
2577
2578
2579
2580
2581
2582
2583
2584
2585
2586
2587
2588
2589
2590
2591
2592
2593
2594
2595
2596
2597
2598
2599
2600
2601
2602
2603
2604
2605
2606
2607
2608
2609
2610
2611
2612
2613
2614
2615
2616
2617
2618
2619
2620
2621
2622
2623
2624
2625
2626
2627
2628
2629
2630
2631
2632
2633
2634
2635
2636
2637
2638
2639
2640
2641
2642
2643
2644
2645
2646
2647
2648
2649
2650
2651
2652
2653
2654
2655
2656
2657
2658
2659
2660
2661
2662
2663
2664
2665
2666
2667
2668
2669
2670
2671
2672
2673
2674
2675
2676
2677
2678
2679
2680
2681
2682
2683
2684
2685
2686
2687
2688
2689
2690
2691
2692
2693
2694
2695
2696
2697
2698
2699
2700
2701
2702
2703
2704
2705
2706
2707
2708
2709
2710
2711
2712
2713
2714
2715
2716
2717
2718
2719
2720
2721
2722
2723
2724
2725
2726
2727
2728
2729
2730
2731
2732
2733
2734
2735
2736
2737
2738
2739
2740
2741
2742
2743
2744
2745
2746
2747
2748
2749
2750
2751
2752
2753
2754
2755
2756
2757
2758
2759
2760
2761
2762
2763
2764
2765
2766
2767
2768
2769
2770
2771
2772
2773
2774
2775
2776
2777
2778
2779
2780
2781
2782
2783
2784
2785
2786
2787
2788
2789
2790
2791
2792
2793
2794
2795
2796
2797
2798
2799
2800
2801
2802
2803
2804
2805
2806
2807
2808
2809
2810
2811
2812
2813
2814
2815
2816
2817
2818
2819
2820
2821
2822
2823
2824
2825
2826
2827
2828
2829
2830
2831
2832
2833
2834
2835
2836
2837
2838
2839
2840
2841
2842
2843
2844
2845
2846
2847
2848
2849
2850
2851
2852
2853
2854
2855
2856
2857
2858
2859
2860
2861
2862
2863
2864
2865
2866
2867
2868
2869
2870
2871
2872
2873
2874
2875
2876
2877
2878
2879
2880
2881
2882
2883
2884
2885
2886
2887
2888
2889
2890
2891
2892
2893
2894
2895
2896
2897
2898
2899
2900
2901
2902
2903
2904
2905
2906
2907
2908
2909
2910
2911
2912
2913
2914
2915
2916
2917
2918
2919
2920
2921
2922
2923
2924
2925
2926
2927
2928
2929
2930
2931
2932
2933
|
/* pkg/lib/patternfly/patternfly-5-cockpit.scss */
.pf-v5-t-light {
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
--pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
--pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
--pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
--pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
}
.pf-v5-t-dark {
--pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
--pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100);
--pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--light-100);
--pf-v5-global--link--Color: var(--pf-v5-global--link--Color--light);
--pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--light);
--pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100);
}
:root {
--pf-v5-global--palette--black-100: #fafafa;
--pf-v5-global--palette--black-150: #f5f5f5;
--pf-v5-global--palette--black-200: #f0f0f0;
--pf-v5-global--palette--black-300: #d2d2d2;
--pf-v5-global--palette--black-400: #b8bbbe;
--pf-v5-global--palette--black-500: #8a8d90;
--pf-v5-global--palette--black-600: #6a6e73;
--pf-v5-global--palette--black-700: #4f5255;
--pf-v5-global--palette--black-800: #3c3f42;
--pf-v5-global--palette--black-850: #212427;
--pf-v5-global--palette--black-900: #151515;
--pf-v5-global--palette--black-1000: #030303;
--pf-v5-global--palette--blue-50: #e7f1fa;
--pf-v5-global--palette--blue-100: #bee1f4;
--pf-v5-global--palette--blue-200: #73bcf7;
--pf-v5-global--palette--blue-300: #2b9af3;
--pf-v5-global--palette--blue-400: #06c;
--pf-v5-global--palette--blue-500: #004080;
--pf-v5-global--palette--blue-600: #002952;
--pf-v5-global--palette--blue-700: #001223;
--pf-v5-global--palette--cyan-50: #f2f9f9;
--pf-v5-global--palette--cyan-100: #a2d9d9;
--pf-v5-global--palette--cyan-200: #73c5c5;
--pf-v5-global--palette--cyan-300: #009596;
--pf-v5-global--palette--cyan-400: #005f60;
--pf-v5-global--palette--cyan-500: #003737;
--pf-v5-global--palette--cyan-600: #002323;
--pf-v5-global--palette--cyan-700: #000f0f;
--pf-v5-global--palette--gold-50: #fdf7e7;
--pf-v5-global--palette--gold-100: #f9e0a2;
--pf-v5-global--palette--gold-200: #f6d173;
--pf-v5-global--palette--gold-300: #f4c145;
--pf-v5-global--palette--gold-400: #f0ab00;
--pf-v5-global--palette--gold-500: #c58c00;
--pf-v5-global--palette--gold-600: #795600;
--pf-v5-global--palette--gold-700: #3d2c00;
--pf-v5-global--palette--green-50: #f3faf2;
--pf-v5-global--palette--green-100: #bde5b8;
--pf-v5-global--palette--green-200: #95d58e;
--pf-v5-global--palette--green-300: #6ec664;
--pf-v5-global--palette--green-400: #5ba352;
--pf-v5-global--palette--green-500: #3e8635;
--pf-v5-global--palette--green-600: #1e4f18;
--pf-v5-global--palette--green-700: #0f280d;
--pf-v5-global--palette--light-blue-100: #beedf9;
--pf-v5-global--palette--light-blue-200: #7cdbf3;
--pf-v5-global--palette--light-blue-300: #35caed;
--pf-v5-global--palette--light-blue-400: #00b9e4;
--pf-v5-global--palette--light-blue-500: #008bad;
--pf-v5-global--palette--light-blue-600: #005c73;
--pf-v5-global--palette--light-blue-700: #002d39;
--pf-v5-global--palette--light-green-100: #e4f5bc;
--pf-v5-global--palette--light-green-200: #c8eb79;
--pf-v5-global--palette--light-green-300: #ace12e;
--pf-v5-global--palette--light-green-400: #92d400;
--pf-v5-global--palette--light-green-500: #6ca100;
--pf-v5-global--palette--light-green-600: #486b00;
--pf-v5-global--palette--light-green-700: #253600;
--pf-v5-global--palette--orange-50: #fff6ec;
--pf-v5-global--palette--orange-100: #f4b678;
--pf-v5-global--palette--orange-200: #ef9234;
--pf-v5-global--palette--orange-300: #ec7a08;
--pf-v5-global--palette--orange-400: #c46100;
--pf-v5-global--palette--orange-500: #8f4700;
--pf-v5-global--palette--orange-600: #773d00;
--pf-v5-global--palette--orange-700: #3b1f00;
--pf-v5-global--palette--purple-50: #f2f0fc;
--pf-v5-global--palette--purple-100: #cbc1ff;
--pf-v5-global--palette--purple-200: #b2a3ff;
--pf-v5-global--palette--purple-300: #a18fff;
--pf-v5-global--palette--purple-400: #8476d1;
--pf-v5-global--palette--purple-500: #6753ac;
--pf-v5-global--palette--purple-600: #40199a;
--pf-v5-global--palette--purple-700: #1f0066;
--pf-v5-global--palette--red-50: #faeae8;
--pf-v5-global--palette--red-100: #c9190b;
--pf-v5-global--palette--red-200: #a30000;
--pf-v5-global--palette--red-300: #7d1007;
--pf-v5-global--palette--red-400: #470000;
--pf-v5-global--palette--red-500: #2c0000;
--pf-v5-global--palette--white: #fff;
--pf-v5-global--BackgroundColor--100: #fff;
--pf-v5-global--BackgroundColor--150: #fafafa;
--pf-v5-global--BackgroundColor--200: #f0f0f0;
--pf-v5-global--BackgroundColor--light-100: #fff;
--pf-v5-global--BackgroundColor--light-200: #fafafa;
--pf-v5-global--BackgroundColor--light-300: #f0f0f0;
--pf-v5-global--BackgroundColor--dark-100: #151515;
--pf-v5-global--BackgroundColor--dark-200: #3c3f42;
--pf-v5-global--BackgroundColor--dark-300: #212427;
--pf-v5-global--BackgroundColor--dark-400: #4f5255;
--pf-v5-global--BackgroundColor--dark-transparent-100: rgba(3, 3, 3, 0.62);
--pf-v5-global--BackgroundColor--dark-transparent-200: rgba(3, 3, 3, 0.32);
--pf-v5-global--Color--100: #151515;
--pf-v5-global--Color--200: #6a6e73;
--pf-v5-global--Color--300: #3c3f42;
--pf-v5-global--Color--400: #8a8d90;
--pf-v5-global--Color--light-100: #fff;
--pf-v5-global--Color--light-200: #f0f0f0;
--pf-v5-global--Color--light-300: #d2d2d2;
--pf-v5-global--Color--dark-100: #151515;
--pf-v5-global--Color--dark-200: #6a6e73;
--pf-v5-global--active-color--100: #06c;
--pf-v5-global--active-color--200: #bee1f4;
--pf-v5-global--active-color--300: #2b9af3;
--pf-v5-global--active-color--400: #73bcf7;
--pf-v5-global--disabled-color--100: #6a6e73;
--pf-v5-global--disabled-color--200: #d2d2d2;
--pf-v5-global--disabled-color--300: #f0f0f0;
--pf-v5-global--primary-color--100: #06c;
--pf-v5-global--primary-color--200: #004080;
--pf-v5-global--primary-color--light-100: #73bcf7;
--pf-v5-global--primary-color--dark-100: #06c;
--pf-v5-global--secondary-color--100: #6a6e73;
--pf-v5-global--custom-color--100: #73c5c5;
--pf-v5-global--custom-color--200: #009596;
--pf-v5-global--custom-color--300: #003737;
--pf-v5-global--success-color--100: #3e8635;
--pf-v5-global--success-color--200: #1e4f18;
--pf-v5-global--info-color--100: #2b9af3;
--pf-v5-global--info-color--200: #002952;
--pf-v5-global--warning-color--100: #f0ab00;
--pf-v5-global--warning-color--200: #795600;
--pf-v5-global--danger-color--100: #c9190b;
--pf-v5-global--danger-color--200: #a30000;
--pf-v5-global--danger-color--300: #470000;
--pf-v5-global--BoxShadow--sm: 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06);
--pf-v5-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16);
--pf-v5-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.16);
--pf-v5-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16);
--pf-v5-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.16);
--pf-v5-global--BoxShadow--md: 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06);
--pf-v5-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.18);
--pf-v5-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.18);
--pf-v5-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.18);
--pf-v5-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.18);
--pf-v5-global--BoxShadow--lg: 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08);
--pf-v5-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18);
--pf-v5-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18);
--pf-v5-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18);
--pf-v5-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18);
--pf-v5-global--BoxShadow--xl: 0 1rem 2rem 0 rgba(3, 3, 3, 0.16), 0 0 0.5rem 0 rgba(3, 3, 3, 0.1);
--pf-v5-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, 0.2);
--pf-v5-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.2);
--pf-v5-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.2);
--pf-v5-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.2);
--pf-v5-global--BoxShadow--inset: inset 0 0 0.625rem 0 rgba(3, 3, 3, 0.25);
--pf-v5-global--font-path: "patternfly-fonts-fake-path";
--pf-v5-global--fonticon-path: "patternfly-icons-fake-path";
--pf-v5-global--spacer--xs: 0.25rem;
--pf-v5-global--spacer--sm: 0.5rem;
--pf-v5-global--spacer--md: 1rem;
--pf-v5-global--spacer--lg: 1.5rem;
--pf-v5-global--spacer--xl: 2rem;
--pf-v5-global--spacer--2xl: 3rem;
--pf-v5-global--spacer--3xl: 4rem;
--pf-v5-global--spacer--4xl: 5rem;
--pf-v5-global--spacer--form-element: 0.375rem;
--pf-v5-global--gutter: 1rem;
--pf-v5-global--gutter--md: 1.5rem;
--pf-v5-global--ZIndex--xs: 100;
--pf-v5-global--ZIndex--sm: 200;
--pf-v5-global--ZIndex--md: 300;
--pf-v5-global--ZIndex--lg: 400;
--pf-v5-global--ZIndex--xl: 500;
--pf-v5-global--ZIndex--2xl: 600;
--pf-v5-global--breakpoint--xs: 0;
--pf-v5-global--breakpoint--sm: 576px;
--pf-v5-global--breakpoint--md: 768px;
--pf-v5-global--breakpoint--lg: 992px;
--pf-v5-global--breakpoint--xl: 1200px;
--pf-v5-global--breakpoint--2xl: 1450px;
--pf-v5-global--height-breakpoint--sm: 0;
--pf-v5-global--height-breakpoint--md: 40rem;
--pf-v5-global--height-breakpoint--lg: 48rem;
--pf-v5-global--height-breakpoint--xl: 60rem;
--pf-v5-global--height-breakpoint--2xl: 80rem;
--pf-v5-global--link--Color: #06c;
--pf-v5-global--link--Color--hover: #004080;
--pf-v5-global--link--Color--light: #2b9af3;
--pf-v5-global--link--Color--light--hover: #73bcf7;
--pf-v5-global--link--Color--dark: #06c;
--pf-v5-global--link--Color--dark--hover: #004080;
--pf-v5-global--link--Color--visited: #40199a;
--pf-v5-global--link--TextDecoration: none;
--pf-v5-global--link--TextDecoration--hover: underline;
--pf-v5-global--BorderWidth--sm: 1px;
--pf-v5-global--BorderWidth--md: 2px;
--pf-v5-global--BorderWidth--lg: 3px;
--pf-v5-global--BorderWidth--xl: 4px;
--pf-v5-global--BorderColor--100: #d2d2d2;
--pf-v5-global--BorderColor--200: #8a8d90;
--pf-v5-global--BorderColor--300: #f0f0f0;
--pf-v5-global--BorderColor--dark-100: #d2d2d2;
--pf-v5-global--BorderColor--light-100: #b8bbbe;
--pf-v5-global--BorderRadius--sm: 3px;
--pf-v5-global--BorderRadius--lg: 30em;
--pf-v5-global--icon--Color--light: #6a6e73;
--pf-v5-global--icon--Color--dark: #151515;
--pf-v5-global--icon--FontSize--sm: 0.75rem;
--pf-v5-global--icon--FontSize--md: 1rem;
--pf-v5-global--icon--FontSize--lg: 1.5rem;
--pf-v5-global--icon--FontSize--xl: 3.375rem;
--pf-v5-global--FontFamily--text:
"RedHatText",
helvetica,
arial,
sans-serif;
--pf-v5-global--FontFamily--heading:
"RedHatDisplay",
helvetica,
arial,
sans-serif;
--pf-v5-global--FontFamily--monospace:
"RedHatMono",
"Liberation Mono",
consolas,
"SFMono-Regular",
menlo,
monaco,
"Courier New",
monospace;
--pf-v5-global--FontFamily--text--vf:
"RedHatTextVF",
"RedHatText",
helvetica,
arial,
sans-serif;
--pf-v5-global--FontFamily--heading--vf:
"RedHatDisplayVF",
"RedHatDisplay",
helvetica,
arial,
sans-serif;
--pf-v5-global--FontFamily--monospace--vf:
"RedHatMonoVF",
"RedHatMono",
"Liberation Mono",
consolas,
"SFMono-Regular",
menlo,
monaco,
"Courier New",
monospace;
--pf-v5-global--FontSize--4xl: 2.25rem;
--pf-v5-global--FontSize--3xl: 1.75rem;
--pf-v5-global--FontSize--2xl: 1.5rem;
--pf-v5-global--FontSize--xl: 1.25rem;
--pf-v5-global--FontSize--lg: 1.125rem;
--pf-v5-global--FontSize--md: 1rem;
--pf-v5-global--FontSize--sm: 0.875rem;
--pf-v5-global--FontSize--xs: 0.75rem;
--pf-v5-global--FontWeight--normal: 400;
--pf-v5-global--FontWeight--bold: 700;
--pf-v5-global--LineHeight--sm: 1.3;
--pf-v5-global--LineHeight--md: 1.5;
--pf-v5-global--ListStyle: disc outside;
--pf-v5-global--Transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
--pf-v5-global--TimingFunction: cubic-bezier(0.645, 0.045, 0.355, 1);
--pf-v5-global--TransitionDuration: 250ms;
--pf-v5-global--arrow--width: 0.9375rem;
--pf-v5-global--arrow--width-lg: 1.5625rem;
--pf-v5-global--target-size--MinWidth: 44px;
--pf-v5-global--target-size--MinHeight: 44px;
}
.pf-m-vf-font {
--pf-v5-global--FontFamily--text: var(--pf-v5-global--FontFamily--text--vf);
--pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--heading--vf);
--pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--monospace--vf);
}
:root:where(.pf-v5-theme-dark) {
--pf-v5-global--palette--black-50: #e0e0e0;
--pf-v5-global--palette--black-100: #c6c7c8;
--pf-v5-global--palette--black-200: #aaabac;
--pf-v5-global--palette--black-300: #868789;
--pf-v5-global--palette--black-400: #57585a;
--pf-v5-global--palette--black-500: #444548;
--pf-v5-global--palette--black-600: #36373a;
--pf-v5-global--palette--black-700: #26292d;
--pf-v5-global--palette--black-800: #1b1d21;
--pf-v5-global--palette--black-900: #0f1214;
--pf-v5-global--palette--red-9999: #fe5142;
--pf-v5-global--palette--red-8888: #ff7468;
--pf-v5-global--palette--blue-300: #1fa7f8;
--pf-v5-global--BackgroundColor--100: #1b1d21;
--pf-v5-global--BackgroundColor--150: #212427;
--pf-v5-global--BackgroundColor--200: #0f1214;
--pf-v5-global--BackgroundColor--300: #26292d;
--pf-v5-global--BackgroundColor--400: #36373a;
--pf-v5-global--BorderColor--100: #444548;
--pf-v5-global--BorderColor--200: #444548;
--pf-v5-global--BorderColor--300: #57585a;
--pf-v5-global--BorderColor--400: #aaabac;
--pf-v5-global--Color--100: #e0e0e0;
--pf-v5-global--Color--200: #aaabac;
--pf-v5-global--active-color--100: #1fa7f8;
--pf-v5-global--primary-color--100: #1fa7f8;
--pf-v5-global--primary-color--300: #06c;
--pf-v5-global--primary-color--400: #fff;
--pf-v5-global--custom-color--200: #73c5c5;
--pf-v5-global--success-color--100: #5ba352;
--pf-v5-global--warning-color--100: #f0ab00;
--pf-v5-global--warning-color--200: #f4c145;
--pf-v5-global--danger-color--100: #fe5142;
--pf-v5-global--danger-color--200: #ff7468;
--pf-v5-global--link--Color: #1fa7f8;
--pf-v5-global--link--Color--hover: #73bcf7;
--pf-v5-global--link--Color--visited: #a18fff;
--pf-v5-global--disabled-color--100: #868789;
--pf-v5-global--disabled-color--200: #444548;
--pf-v5-global--disabled-color--300: #aaabac;
--pf-v5-global--icon--Color--light: #aaabac;
--pf-v5-global--icon--Color--dark: #e0e0e0;
--pf-v5-global--Color--dark-100: #e0e0e0;
--pf-v5-global--Color--dark-200: #aaabac;
--pf-v5-global--Color--light-100: #e0e0e0;
--pf-v5-global--Color--light-200: #aaabac;
--pf-v5-global--Color--light-300: #3c3f42;
--pf-v5-global--BorderColor--dark-100: #444548;
--pf-v5-global--BorderColor--light-100: #444548;
--pf-v5-global--primary-color--light-100: #1fa7f8;
--pf-v5-global--primary-color--dark-100: #1fa7f8;
--pf-v5-global--link--Color--light: #1fa7f8;
--pf-v5-global--link--Color--light--hover: #73bcf7;
--pf-v5-global--link--Color--dark: #1fa7f8;
--pf-v5-global--link--Color--dark--hover: #73bcf7;
--pf-v5-global--BackgroundColor--light-100: #1b1d21;
--pf-v5-global--BackgroundColor--light-200: #0f1214;
--pf-v5-global--BackgroundColor--light-300: #26292d;
--pf-v5-global--BackgroundColor--dark-100: #1b1d21;
--pf-v5-global--BackgroundColor--dark-200: #0f1214;
--pf-v5-global--BackgroundColor--dark-300: #26292d;
--pf-v5-global--BackgroundColor--dark-400: #36373a;
--pf-v5-global--BoxShadow--sm: 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.48), 0 0 0.125rem 0 rgba(3, 3, 3, 0.24);
--pf-v5-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
--pf-v5-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
--pf-v5-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
--pf-v5-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
--pf-v5-global--BoxShadow--md: 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.48), 0 0 0.25rem 0 rgba(3, 3, 3, 0.24);
--pf-v5-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
--pf-v5-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
--pf-v5-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
--pf-v5-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
--pf-v5-global--BoxShadow--lg: 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.64), 0 0 0.375rem 0 rgba(3, 3, 3, 0.32);
--pf-v5-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
--pf-v5-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
--pf-v5-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
--pf-v5-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
--pf-v5-global--BoxShadow--xl: 0 1rem 2rem 0 rgba(3, 3, 3, 0.64), 0 0 0.5rem 0 rgba(3, 3, 3, 0.4);
--pf-v5-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
--pf-v5-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
--pf-v5-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
--pf-v5-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
--pf-v5-global--BoxShadow--inset: inset 0 0 0.625rem 0 #030303;
}
.pf-v5-screen-reader {
position: fixed;
top: 0;
left: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.pf-v5-screen-reader.pf-m-full-size {
width: 100%;
height: 100%;
}
.pf-v5-screen-reader.pf-m-absolute {
position: absolute;
}
.pf-v5-m-tabular-nums {
font-variant-numeric: tabular-nums;
}
:where(html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6) {
padding: 0;
margin: 0;
}
*,
:where(*::before, *::after) {
box-sizing: border-box;
}
:where(html, body) {
height: 100%;
}
:where(body) {
font-family: var(--pf-v5-global--FontFamily--text);
font-size: var(--pf-v5-global--FontSize--md);
font-weight: var(--pf-v5-global--FontWeight--normal);
line-height: var(--pf-v5-global--LineHeight--md);
}
:where(h1, h2, h3, h4, h5, h6) {
font-size: 100%;
font-weight: var(--pf-v5-global--FontWeight--normal);
}
:where(ul) {
list-style: none;
}
:where(button, input, optgroup, select, textarea) {
margin: 0;
font-family: inherit;
font-size: 100%;
line-height: var(--pf-v5-global--LineHeight--md);
color: var(--pf-v5-global--Color--100);
}
:where(img, embed, iframe, object, audio, video) {
max-width: 100%;
height: auto;
}
:where(iframe) {
border: 0;
}
:where(table) {
border-spacing: 0;
border-collapse: collapse;
}
:where(td, th) {
padding: 0;
text-align: left;
}
:where(code, pre) {
font-family: var(--pf-v5-global--FontFamily--monospace);
}
:where(a) {
font-weight: var(--pf-v5-global--link--FontWeight);
color: var(--pf-v5-global--link--Color);
text-decoration: var(--pf-v5-global--link--TextDecoration);
}
:where(a:hover) {
--pf-v5-global--link--Color: var(--pf-v5-global--link--Color--hover);
--pf-v5-global--link--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
}
:where(a, button) {
cursor: pointer;
}
:root:where(.pf-v5-theme-dark) {
color-scheme: dark;
}
.pf-v5-t-dark.pf-m-transparent {
background-color: transparent;
}
.pf-v5-t-dark.pf-m-transparent-100 {
background-color: rgba(3, 3, 3, 0.42);
}
.pf-v5-t-dark.pf-m-transparent-200 {
background-color: rgba(3, 3, 3, 0.6);
}
.pf-v5-t-dark.pf-m-opaque-100 {
background-color: #1b1d21;
}
.pf-v5-t-dark.pf-m-opaque-200 {
background-color: #0f1214;
}
.pf-v5-t-light.pf-m-transparent {
background-color: transparent;
}
.pf-v5-t-light.pf-m-opaque-100 {
background-color: #fff;
}
.pf-v5-t-light.pf-m-opaque-200 {
background-color: #c6c7c8;
}
.pf-v5-t-light.pf-m-opaque-300 {
background-color: #aaabac;
}
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@font-face {
font-family: "pf-v5-pficon";
src: url(../base1/fonts/patternfly.woff) format("woff");
}
.pf-v5-pficon-zone:before,
.pf-v5-pficon-warning-triangle:before,
.pf-v5-pficon-volume:before,
.pf-v5-pficon-virtual-machine:before,
.pf-v5-pficon-users:before,
.pf-v5-pficon-user:before,
.pf-v5-pficon-unplugged:before,
.pf-v5-pficon-unlocked:before,
.pf-v5-pficon-unknown:before,
.pf-v5-pficon-trend-up:before,
.pf-v5-pficon-trend-down:before,
.pf-v5-pficon-topology:before,
.pf-v5-pficon-thumb-tack:before,
.pf-v5-pficon-tenant:before,
.pf-v5-pficon-task:before,
.pf-v5-pficon-storage-domain:before,
.pf-v5-pficon-spinner2:before,
.pf-v5-pficon-spinner:before,
.pf-v5-pficon-services:before,
.pf-v5-pficon-service:before,
.pf-v5-pficon-service-catalog:before,
.pf-v5-pficon-server:before,
.pf-v5-pficon-server-group:before,
.pf-v5-pficon-security:before,
.pf-v5-pficon-screen:before,
.pf-v5-pficon-save:before,
.pf-v5-pficon-running:before,
.pf-v5-pficon-resources-full:before,
.pf-v5-pficon-resources-empty:before,
.pf-v5-pficon-resources-almost-full:before,
.pf-v5-pficon-resources-almost-empty:before,
.pf-v5-pficon-resource-pool:before,
.pf-v5-pficon-repository:before,
.pf-v5-pficon-replicator:before,
.pf-v5-pficon-remove2:before,
.pf-v5-pficon-registry:before,
.pf-v5-pficon-regions:before,
.pf-v5-pficon-rebooting:before,
.pf-v5-pficon-rebalance:before,
.pf-v5-pficon-project:before,
.pf-v5-pficon-process-automation:before,
.pf-v5-pficon-private:before,
.pf-v5-pficon-print:before,
.pf-v5-pficon-port:before,
.pf-v5-pficon-plugged:before,
.pf-v5-pficon-pficon-vcenter:before,
.pf-v5-pficon-pficon-template:before,
.pf-v5-pficon-pficon-sort-common-desc:before,
.pf-v5-pficon-pficon-sort-common-asc:before,
.pf-v5-pficon-pficon-satellite:before,
.pf-v5-pficon-pficon-network-range:before,
.pf-v5-pficon-pficon-history:before,
.pf-v5-pficon-pficon-dragdrop:before,
.pf-v5-pficon-pending:before,
.pf-v5-pficon-paused:before,
.pf-v5-pficon-panel-open:before,
.pf-v5-pficon-panel-close:before,
.pf-v5-pficon-package:before,
.pf-v5-pficon-os-image:before,
.pf-v5-pficon-orders:before,
.pf-v5-pficon-optimize:before,
.pf-v5-pficon-openstack:before,
.pf-v5-pficon-openshift:before,
.pf-v5-pficon-open-drawer-right:before,
.pf-v5-pficon-on:before,
.pf-v5-pficon-on-running:before,
.pf-v5-pficon-ok:before,
.pf-v5-pficon-off:before,
.pf-v5-pficon-not-started:before,
.pf-v5-pficon-new-process:before,
.pf-v5-pficon-network:before,
.pf-v5-pficon-namespaces:before,
.pf-v5-pficon-multicluster:before,
.pf-v5-pficon-monitoring:before,
.pf-v5-pficon-module:before,
.pf-v5-pficon-migration:before,
.pf-v5-pficon-middleware:before,
.pf-v5-pficon-messages:before,
.pf-v5-pficon-memory:before,
.pf-v5-pficon-maintenance:before,
.pf-v5-pficon-locked:before,
.pf-v5-pficon-key:before,
.pf-v5-pficon-integration:before,
.pf-v5-pficon-infrastructure:before,
.pf-v5-pficon-info:before,
.pf-v5-pficon-in-progress:before,
.pf-v5-pficon-import:before,
.pf-v5-pficon-home:before,
.pf-v5-pficon-history:before,
.pf-v5-pficon-help:before,
.pf-v5-pficon-globe-route:before,
.pf-v5-pficon-folder-open:before,
.pf-v5-pficon-folder-close:before,
.pf-v5-pficon-flavor:before,
.pf-v5-pficon-filter:before,
.pf-v5-pficon-export:before,
.pf-v5-pficon-error-circle-o:before,
.pf-v5-pficon-equalizer:before,
.pf-v5-pficon-enterprise:before,
.pf-v5-pficon-enhancement:before,
.pf-v5-pficon-edit:before,
.pf-v5-pficon-domain:before,
.pf-v5-pficon-disconnected:before,
.pf-v5-pficon-degraded:before,
.pf-v5-pficon-data-source:before,
.pf-v5-pficon-data-sink:before,
.pf-v5-pficon-data-processor:before,
.pf-v5-pficon-critical-risk:before,
.pf-v5-pficon-cpu:before,
.pf-v5-pficon-container-node:before,
.pf-v5-pficon-connected:before,
.pf-v5-pficon-cluster:before,
.pf-v5-pficon-cloud-tenant:before,
.pf-v5-pficon-cloud-security:before,
.pf-v5-pficon-close:before,
.pf-v5-pficon-chat:before,
.pf-v5-pficon-catalog:before,
.pf-v5-pficon-bundle:before,
.pf-v5-pficon-builder-image:before,
.pf-v5-pficon-build:before,
.pf-v5-pficon-blueprint:before,
.pf-v5-pficon-bell:before,
.pf-v5-pficon-automation:before,
.pf-v5-pficon-attention-bell:before,
.pf-v5-pficon-asleep:before,
.pf-v5-pficon-arrow:before,
.pf-v5-pficon-applications:before,
.pf-v5-pficon-ansible-tower:before,
.pf-v5-pficon-add-circle-o:before {
font-family: "pf-v5-pficon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
}
.pf-v5-pficon-add-circle-o:before {
content: "\e61b";
}
.pf-v5-pficon-ansible-tower:before {
content: "\e950";
}
.pf-v5-pficon-applications:before {
content: "\e936";
}
.pf-v5-pficon-arrow:before {
content: "\e929";
}
.pf-v5-pficon-asleep:before {
content: "\e92e";
}
.pf-v5-pficon-attention-bell:before {
content: "\e951";
}
.pf-v5-pficon-automation:before {
content: "\e937";
}
.pf-v5-pficon-bell:before {
content: "\e952";
}
.pf-v5-pficon-blueprint:before {
content: "\e915";
}
.pf-v5-pficon-build:before {
content: "\e902";
}
.pf-v5-pficon-builder-image:before {
content: "\e800";
}
.pf-v5-pficon-bundle:before {
content: "\e918";
}
.pf-v5-pficon-catalog:before {
content: "\e953";
}
.pf-v5-pficon-chat:before {
content: "\e954";
}
.pf-v5-pficon-close:before {
content: "\e60b";
}
.pf-v5-pficon-cloud-security:before {
content: "\e903";
}
.pf-v5-pficon-cloud-tenant:before {
content: "\e904";
}
.pf-v5-pficon-cluster:before {
content: "\e620";
}
.pf-v5-pficon-connected:before {
content: "\e938";
}
.pf-v5-pficon-container-node:before {
content: "\e621";
}
.pf-v5-pficon-cpu:before {
content: "\e927";
}
.pf-v5-pficon-critical-risk:before {
content: "\e976";
}
.pf-v5-pficon-data-processor:before {
content: "\e97b";
}
.pf-v5-pficon-data-sink:before {
content: "\e978";
}
.pf-v5-pficon-data-source:before {
content: "\e979";
}
.pf-v5-pficon-degraded:before {
content: "\e91b";
}
.pf-v5-pficon-disconnected:before {
content: "\e955";
}
.pf-v5-pficon-domain:before {
content: "\e919";
}
.pf-v5-pficon-edit:before {
content: "\e60a";
}
.pf-v5-pficon-enhancement:before {
content: "\e93a";
}
.pf-v5-pficon-enterprise:before {
content: "\e906";
}
.pf-v5-pficon-equalizer:before {
content: "\e956";
}
.pf-v5-pficon-error-circle-o:before {
content: "\e926";
}
.pf-v5-pficon-export:before {
content: "\e616";
}
.pf-v5-pficon-filter:before {
content: "\e943";
}
.pf-v5-pficon-flavor:before {
content: "\e957";
}
.pf-v5-pficon-folder-close:before {
content: "\e607";
}
.pf-v5-pficon-folder-open:before {
content: "\e606";
}
.pf-v5-pficon-globe-route:before {
content: "\e958";
}
.pf-v5-pficon-help:before {
content: "\e605";
}
.pf-v5-pficon-history:before {
content: "\e617";
}
.pf-v5-pficon-home:before {
content: "\e618";
}
.pf-v5-pficon-import:before {
content: "\e615";
}
.pf-v5-pficon-in-progress:before {
content: "\e933";
}
.pf-v5-pficon-info:before {
content: "\e92b";
}
.pf-v5-pficon-infrastructure:before {
content: "\e93d";
}
.pf-v5-pficon-integration:before {
content: "\e948";
}
.pf-v5-pficon-key:before {
content: "\e924";
}
.pf-v5-pficon-locked:before {
content: "\e923";
}
.pf-v5-pficon-maintenance:before {
content: "\e932";
}
.pf-v5-pficon-memory:before {
content: "\e908";
}
.pf-v5-pficon-messages:before {
content: "\e603";
}
.pf-v5-pficon-middleware:before {
content: "\e917";
}
.pf-v5-pficon-migration:before {
content: "\e931";
}
.pf-v5-pficon-module:before {
content: "\e959";
}
.pf-v5-pficon-monitoring:before {
content: "\e95a";
}
.pf-v5-pficon-multicluster:before {
content: "\e97c";
}
.pf-v5-pficon-namespaces:before {
content: "\e95b";
}
.pf-v5-pficon-network:before {
content: "\e909";
}
.pf-v5-pficon-new-process:before {
content: "\e95c";
}
.pf-v5-pficon-not-started:before {
content: "\e95d";
}
.pf-v5-pficon-off:before {
content: "\e92d";
}
.pf-v5-pficon-ok:before {
content: "\e602";
}
.pf-v5-pficon-on-running:before {
content: "\e925";
}
.pf-v5-pficon-on:before {
content: "\e92c";
}
.pf-v5-pficon-open-drawer-right:before {
content: "\e977";
}
.pf-v5-pficon-openshift:before {
content: "\e95e";
}
.pf-v5-pficon-openstack:before {
content: "\e95f";
}
.pf-v5-pficon-optimize:before {
content: "\e93e";
}
.pf-v5-pficon-orders:before {
content: "\e93f";
}
.pf-v5-pficon-os-image:before {
content: "\e960";
}
.pf-v5-pficon-package:before {
content: "\e961";
}
.pf-v5-pficon-panel-close:before {
content: "\e962";
}
.pf-v5-pficon-panel-open:before {
content: "\e963";
}
.pf-v5-pficon-paused:before {
content: "\e92f";
}
.pf-v5-pficon-pending:before {
content: "\e964";
}
.pf-v5-pficon-pficon-dragdrop:before {
content: "\e965";
}
.pf-v5-pficon-pficon-history:before {
content: "\e966";
}
.pf-v5-pficon-pficon-network-range:before {
content: "\e967";
}
.pf-v5-pficon-pficon-satellite:before {
content: "\e968";
}
.pf-v5-pficon-pficon-sort-common-asc:before {
content: "\e94e";
}
.pf-v5-pficon-pficon-sort-common-desc:before {
content: "\e94f";
}
.pf-v5-pficon-pficon-template:before {
content: "\e94c";
}
.pf-v5-pficon-pficon-vcenter:before {
content: "\e969";
}
.pf-v5-pficon-plugged:before {
content: "\e96a";
}
.pf-v5-pficon-port:before {
content: "\e96b";
}
.pf-v5-pficon-print:before {
content: "\e612";
}
.pf-v5-pficon-private:before {
content: "\e914";
}
.pf-v5-pficon-process-automation:before {
content: "\e949";
}
.pf-v5-pficon-project:before {
content: "\e96c";
}
.pf-v5-pficon-rebalance:before {
content: "\e91c";
}
.pf-v5-pficon-rebooting:before {
content: "\e96d";
}
.pf-v5-pficon-regions:before {
content: "\e90a";
}
.pf-v5-pficon-registry:before {
content: "\e623";
}
.pf-v5-pficon-remove2:before {
content: "\e96e";
}
.pf-v5-pficon-replicator:before {
content: "\e624";
}
.pf-v5-pficon-repository:before {
content: "\e90b";
}
.pf-v5-pficon-resource-pool:before {
content: "\e90c";
}
.pf-v5-pficon-resources-almost-empty:before {
content: "\e91d";
}
.pf-v5-pficon-resources-almost-full:before {
content: "\e912";
}
.pf-v5-pficon-resources-empty:before {
content: "\e96f";
}
.pf-v5-pficon-resources-full:before {
content: "\e913";
}
.pf-v5-pficon-running:before {
content: "\e970";
}
.pf-v5-pficon-save:before {
content: "\e601";
}
.pf-v5-pficon-screen:before {
content: "\e971";
}
.pf-v5-pficon-security:before {
content: "\e946";
}
.pf-v5-pficon-server-group:before {
content: "\e91a";
}
.pf-v5-pficon-server:before {
content: "\e90d";
}
.pf-v5-pficon-service-catalog:before {
content: "\e972";
}
.pf-v5-pficon-service:before {
content: "\e61e";
}
.pf-v5-pficon-services:before {
content: "\e947";
}
.pf-v5-pficon-spinner:before {
content: "\e973";
}
.pf-v5-pficon-spinner2:before {
content: "\e613";
}
.pf-v5-pficon-storage-domain:before {
content: "\e90e";
}
.pf-v5-pficon-task:before {
content: "\e974";
}
.pf-v5-pficon-tenant:before {
content: "\e916";
}
.pf-v5-pficon-thumb-tack:before {
content: "\e920";
}
.pf-v5-pficon-topology:before {
content: "\e608";
}
.pf-v5-pficon-trend-down:before {
content: "\e900";
}
.pf-v5-pficon-trend-up:before {
content: "\e901";
}
.pf-v5-pficon-unknown:before {
content: "\e935";
}
.pf-v5-pficon-unlocked:before {
content: "\e922";
}
.pf-v5-pficon-unplugged:before {
content: "\e942";
}
.pf-v5-pficon-user:before {
content: "\e91e";
}
.pf-v5-pficon-users:before {
content: "\e91f";
}
.pf-v5-pficon-virtual-machine:before {
content: "\e90f";
}
.pf-v5-pficon-volume:before {
content: "\e910";
}
.pf-v5-pficon-warning-triangle:before {
content: "\e975";
}
.pf-v5-pficon-zone:before {
content: "\e911";
}
.pf-v5-svg {
width: 1em;
height: 1em;
vertical-align: -0.125em;
}
@font-face {
font-family: "RedHatDisplay";
src: url(../../static/fonts/RedHatDisplay-Bold.woff2) format("woff2");
font-style: normal;
font-weight: 700;
text-rendering: optimizelegibility;
}
@font-face {
font-family: "RedHatDisplay";
src: url(../../static/fonts/RedHatDisplay-BoldItalic.woff2) format("woff2");
font-style: italic;
font-weight: 700;
text-rendering: optimizelegibility;
}
@font-face {
font-family: "RedHatDisplay";
src: url(../../static/fonts/RedHatDisplay-Black.woff2) format("woff2");
font-style: normal;
font-weight: 900;
text-rendering: optimizelegibility;
}
@font-face {
font-family: "RedHatDisplay";
src: url(../../static/fonts/RedHatDisplay-BlackItalic.woff2) format("woff2");
font-style: italic;
font-weight: 900;
text-rendering: optimizelegibility;
}
@font-face {
font-family: "RedHatDisplay";
src: url(../../static/fonts/RedHatDisplay-Italic.woff2) format("woff2");
font-style: italic;
font-weight: 300;
text-rendering: optimizelegibility;
}
@font-face {
font-family: "RedHatDisplay";
src: url(../../static/fonts/RedHatDisplay-Medium.woff2) format("woff2");
font-style: normal;
font-weight: 400;
text-rendering: optimizelegibility;
}
@font-face {
font-family: "RedHatDisplay";
src: url(../../static/fonts/RedHatDisplay-MediumItalic.woff2) format("woff2");
font-style: italic;
font-weight: 400;
text-rendering: optimizelegibility;
}
@font-face {
font-family: "RedHatDisplay";
src: url(../../static/fonts/RedHatDisplay-Regular.woff2) format("woff2");
font-style: normal;
font-weight: 300;
text-rendering: optimizelegibility;
}
@font-face {
font-family: "RedHatText";
src: url(../../static/fonts/RedHatText-Bold.woff2) format("woff2");
font-style: normal;
font-weight: 700;
text-rendering: optimizelegibility;
}
@font-face {
font-family: "RedHatText";
src: url(../../static/fonts/RedHatText-BoldItalic.woff2) format("woff2");
font-style: italic;
font-weight: 700;
text-rendering: optimizelegibility;
}
@font-face {
font-family: "RedHatText";
src: url(../../static/fonts/RedHatText-Italic.woff2) format("woff2");
font-style: italic;
font-weight: 400;
text-rendering: optimizelegibility;
}
@font-face {
font-family: "RedHatText";
src: url(../../static/fonts/RedHatText-Medium.woff2) format("woff2");
font-style: normal;
font-weight: 700;
text-rendering: optimizelegibility;
}
@font-face {
font-family: "RedHatText";
src: url(../../static/fonts/RedHatText-MediumItalic.woff2) format("woff2");
font-style: italic;
font-weight: 700;
text-rendering: optimizelegibility;
}
@font-face {
font-family: "RedHatText";
src: url(../../static/fonts/RedHatText-Regular.woff2) format("woff2");
font-style: normal;
font-weight: 400;
text-rendering: optimizelegibility;
}
@font-face {
font-family: "RedHatMono";
src: url(../../static/fonts/RedHatMono-Bold.woff2) format("woff2");
font-style: normal;
font-weight: 700;
text-rendering: optimizelegibility;
}
@font-face {
font-family: "RedHatMono";
src: url(../../static/fonts/RedHatMono-BoldItalic.woff2) format("woff2");
font-style: italic;
font-weight: 700;
text-rendering: optimizelegibility;
}
@font-face {
font-family: "RedHatMono";
src: url(../../static/fonts/RedHatMono-Italic.woff2) format("woff2");
font-style: italic;
font-weight: 300;
text-rendering: optimizelegibility;
}
@font-face {
font-family: "RedHatMono";
src: url(../../static/fonts/RedHatMono-Medium.woff2) format("woff2");
font-style: normal;
font-weight: 400;
text-rendering: optimizelegibility;
}
@font-face {
font-family: "RedHatMono";
src: url(../../static/fonts/RedHatMono-MediumItalic.woff2) format("woff2");
font-style: italic;
font-weight: 400;
text-rendering: optimizelegibility;
}
@font-face {
font-family: "RedHatMono";
src: url(../../static/fonts/RedHatMono-Regular.woff2) format("woff2");
font-style: normal;
font-weight: 300;
text-rendering: optimizelegibility;
}
/* node_modules/@patternfly/react-styles/css/components/Card/card.css */
.pf-v5-c-card {
--pf-v5-c-card--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
--pf-v5-c-card--BoxShadow: var(--pf-v5-global--BoxShadow--sm);
--pf-v5-c-card--first-child--PaddingTop: var(--pf-v5-global--spacer--lg);
--pf-v5-c-card--child--PaddingRight: var(--pf-v5-global--spacer--lg);
--pf-v5-c-card--child--PaddingBottom: var(--pf-v5-global--spacer--lg);
--pf-v5-c-card--child--PaddingLeft: var(--pf-v5-global--spacer--lg);
--pf-v5-c-card--c-divider--child--PaddingTop: var(--pf-v5-global--spacer--lg);
--pf-v5-c-card__title--not--last-child--PaddingBottom: var(--pf-v5-global--spacer--md);
--pf-v5-c-card__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
--pf-v5-c-card__title-text--FontSize: var(--pf-v5-global--FontSize--md);
--pf-v5-c-card__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
--pf-v5-c-card__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
--pf-v5-c-card__body--FontSize: var(--pf-v5-global--FontSize--md);
--pf-v5-c-card__footer--FontSize: var(--pf-v5-global--FontSize--md);
--pf-v5-c-card__actions--PaddingLeft: var(--pf-v5-global--spacer--md);
--pf-v5-c-card__actions--Gap: var(--pf-v5-global--spacer--sm);
--pf-v5-c-card__actions--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
--pf-v5-c-card__actions--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
--pf-v5-c-card__header-toggle--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
--pf-v5-c-card__header-toggle--MarginRight: var(--pf-v5-global--spacer--xs);
--pf-v5-c-card__header-toggle--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
--pf-v5-c-card__header-toggle--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
--pf-v5-c-card__header-toggle-icon--Transition: var(--pf-v5-global--Transition);
--pf-v5-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
--pf-v5-c-card--m-selectable--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
--pf-v5-c-card--m-selectable--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
--pf-v5-c-card--m-selectable--m-selected--BorderColor: var(--pf-v5-global--active-color--100);
--pf-v5-c-card--m-selectable--hover--BackgroundColor: var(--pf-v5-global--palette--black-150);
--pf-v5-c-card--m-selectable--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
--pf-v5-c-card--m-selectable--focus--BackgroundColor: var(--pf-v5-global--palette--blue-100);
--pf-v5-c-card--m-selectable--focus--BorderColor: var(--pf-v5-global--active-color--100);
--pf-v5-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-v5-global--active-color--100);
--pf-v5-c-card--m-selectable--m-disabled--BackgroundColor: var(--pf-v5-global--palette--black-100);
--pf-v5-c-card--m-selectable--m-disabled--BorderColor: var(--pf-v5-global--BorderColor--100);
--pf-v5-c-card--m-selectable--m-disabled--BoxShadow: var(--pf-v5-global--BoxShadow--sm);
--pf-v5-c-card--m-selectable--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
--pf-v5-c-card--m-selectable--m-clickable--hover--BoxShadow: var(--pf-v5-global--BoxShadow--sm);
--pf-v5-c-card--m-selectable--m-clickable--m-selected--BorderColor: var(--pf-v5-global--BorderColor--100);
--pf-v5-c-card--m-selectable--m-clickable--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
--pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor: var(--pf-v5-global--palette--black-150);
--pf-v5-c-card--m-selectable--m-clickable--m-current--BorderColor: var(--pf-v5-global--active-color--100);
--pf-v5-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--md);
--pf-v5-c-card--m-hoverable-raised--hover--before--BackgroundColor: var(--pf-v5-global--active-color--400);
--pf-v5-c-card--m-selectable-raised--before--Right: 0;
--pf-v5-c-card--m-selectable-raised--before--Bottom: 0;
--pf-v5-c-card--m-selectable-raised--before--Left: 0;
--pf-v5-c-card--m-flat--m-selectable-raised--before--Right: calc(-1 * var(--pf-v5-c-card--m-flat--BorderWidth));
--pf-v5-c-card--m-flat--m-selectable-raised--before--Bottom: calc(-1 * var(--pf-v5-c-card--m-flat--BorderWidth));
--pf-v5-c-card--m-flat--m-selectable-raised--before--Left: calc(-1 * var(--pf-v5-c-card--m-flat--BorderWidth));
--pf-v5-c-card--m-selectable-raised--before--Height: var(--pf-v5-global--BorderWidth--xl);
--pf-v5-c-card--m-selectable-raised--before--BackgroundColor: transparent;
--pf-v5-c-card--m-selectable-raised--before--Transition: none;
--pf-v5-c-card--m-selectable-raised--before--ScaleY: 1;
--pf-v5-c-card--m-selectable-raised--before--TranslateY: 0;
--pf-v5-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--md);
--pf-v5-c-card--m-selectable-raised--hover--before--BackgroundColor: var(--pf-v5-global--active-color--400);
--pf-v5-c-card--m-selectable-raised--focus--BoxShadow: var(--pf-v5-global--BoxShadow--md);
--pf-v5-c-card--m-selectable-raised--focus--before--BackgroundColor: var(--pf-v5-global--active-color--400);
--pf-v5-c-card--m-selectable-raised--active--BoxShadow: var(--pf-v5-global--BoxShadow--md);
--pf-v5-c-card--m-selectable-raised--active--before--BackgroundColor: var(--pf-v5-global--active-color--400);
--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--BackgroundColor: var(--pf-v5-global--active-color--100);
--pf-v5-c-card--m-selectable-raised--m-selected-raised--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base: -0.5rem;
--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base);
--pf-v5-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY: calc(var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-v5-c-card--m-flat--BorderWidth));
--pf-v5-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY: calc(var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-v5-c-card--m-rounded--BorderRadius));
--pf-v5-c-card--m-selectable-raised--m-selected-raised--ZIndex: var(--pf-v5-global--ZIndex--xs);
--pf-v5-c-card--m-selectable-raised--m-selected-raised--Transition: transform .25s linear, box-shadow .25s linear;
--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--Transition: transform .25s linear;
--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--TranslateY: calc(var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY) * -1);
--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--ScaleY: 2;
--pf-v5-c-card--m-non-selectable-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
--pf-v5-c-card--m-non-selectable-raised--before--BackgroundColor: var(--pf-v5-global--disabled-color--200);
--pf-v5-c-card--m-non-selectable-raised--before--ScaleY: 2;
--pf-v5-c-card--m-flat--m-non-selectable-raised--before--BorderColor: var(--pf-v5-global--disabled-color--200);
--pf-v5-c-card--m-compact__body--FontSize: var(--pf-v5-global--FontSize--sm);
--pf-v5-c-card--m-compact__footer--FontSize: var(--pf-v5-global--FontSize--sm);
--pf-v5-c-card--m-compact--first-child--PaddingTop: var(--pf-v5-global--spacer--md);
--pf-v5-c-card--m-compact--child--PaddingRight: var(--pf-v5-global--spacer--md);
--pf-v5-c-card--m-compact--child--PaddingBottom: var(--pf-v5-global--spacer--md);
--pf-v5-c-card--m-compact--child--PaddingLeft: var(--pf-v5-global--spacer--md);
--pf-v5-c-card--m-compact--c-divider--child--PaddingTop: var(--pf-v5-global--spacer--md);
--pf-v5-c-card--m-compact__title--not--last-child--PaddingBottom: var(--pf-v5-global--spacer--sm);
--pf-v5-c-card--m-display-lg__title-text--FontSize: var(--pf-v5-global--FontSize--xl);
--pf-v5-c-card--m-display-lg--first-child--PaddingTop: var(--pf-v5-global--spacer--xl);
--pf-v5-c-card--m-display-lg--child--PaddingRight: var(--pf-v5-global--spacer--xl);
--pf-v5-c-card--m-display-lg--child--PaddingBottom: var(--pf-v5-global--spacer--xl);
--pf-v5-c-card--m-display-lg--child--PaddingLeft: var(--pf-v5-global--spacer--xl);
--pf-v5-c-card--m-display-lg--c-divider--child--PaddingTop: var(--pf-v5-global--spacer--xl);
--pf-v5-c-card--m-display-lg__title--not--last-child--PaddingBottom: var(--pf-v5-global--spacer--lg);
--pf-v5-c-card--m-flat--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
--pf-v5-c-card--m-flat--BorderColor: var(--pf-v5-global--BorderColor--100);
--pf-v5-c-card--m-rounded--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
--pf-v5-c-card--m-full-height--Height: 100%;
--pf-v5-c-card--m-plain--BoxShadow: none;
--pf-v5-c-card--m-plain--BackgroundColor: transparent;
--pf-v5-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
--pf-v5-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-v5-global--spacer--xs);
--pf-v5-c-card__input--focus--BorderWidth: var(--pf-v5-global--BorderWidth--md);
--pf-v5-c-card__input--focus--BorderColor: var(--pf-v5-global--primary-color--100);
position: relative;
display: flex;
flex-direction: column;
background-color: var(--pf-v5-c-card--BackgroundColor);
box-shadow: var(--pf-v5-c-card--BoxShadow);
}
.pf-v5-c-card.pf-m-selectable,
.pf-v5-c-card.pf-m-clickable {
isolation: isolate;
box-shadow: none;
}
.pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-check__label,
.pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-radio__label {
position: unset;
}
.pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-check__label::before,
.pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-radio__label::before {
position: absolute;
inset: 0;
cursor: pointer;
}
.pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:focus-visible) ~ .pf-v5-c-check__label,
.pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:focus-visible) ~ .pf-v5-c-radio__label {
--pf-v5-c-card--BackgroundColor: unset;
--pf-v5-c-card--BorderColor: unset;
}
.pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:checked) ~ .pf-v5-c-check__label,
.pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:checked) ~ .pf-v5-c-radio__label,
.pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-selected {
--pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--m-clickable--m-selected--BackgroundColor);
--pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--m-clickable--m-selected--BorderColor);
}
.pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-current {
--pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor);
--pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--m-clickable--m-current--BorderColor);
}
.pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-current.pf-m-selected,
.pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-current .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:checked) ~ .pf-v5-c-check__label,
.pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-current .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:checked) ~ .pf-v5-c-radio__label {
--pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor);
--pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--m-clickable--m-current--BorderColor);
}
.pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:disabled) ~ .pf-v5-c-check__label,
.pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:disabled) ~ .pf-v5-c-radio__label,
.pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
--pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--m-disabled--BackgroundColor);
--pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--m-disabled--BorderColor);
--pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-selectable--m-disabled--BoxShadow);
}
.pf-v5-c-card.pf-m-hoverable-raised::before,
.pf-v5-c-card.pf-m-selectable-raised::before,
.pf-v5-c-card.pf-m-non-selectable-raised::before {
position: absolute;
right: var(--pf-v5-c-card--m-selectable-raised--before--Right);
bottom: var(--pf-v5-c-card--m-selectable-raised--before--Bottom);
left: var(--pf-v5-c-card--m-selectable-raised--before--Left);
height: var(--pf-v5-c-card--m-selectable-raised--before--Height);
content: "";
background-color: var(--pf-v5-c-card--m-selectable-raised--before--BackgroundColor);
transition: var(--pf-v5-c-card--m-selectable-raised--before--Transition);
transform: translateY(var(--pf-v5-c-card--m-selectable-raised--before--TranslateY)) scaleY(var(--pf-v5-c-card--m-selectable-raised--before--ScaleY));
transform-origin: center bottom;
}
.pf-v5-c-card.pf-m-hoverable-raised:hover {
--pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-hoverable-raised--hover--BoxShadow);
--pf-v5-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-v5-c-card--m-hoverable-raised--hover--before--BackgroundColor);
}
.pf-v5-c-card.pf-m-selectable-raised {
cursor: pointer;
}
.pf-v5-c-card.pf-m-selectable-raised:hover {
--pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-selectable-raised--hover--BoxShadow);
--pf-v5-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-v5-c-card--m-selectable-raised--hover--before--BackgroundColor);
}
.pf-v5-c-card.pf-m-selectable-raised:focus {
--pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-selectable-raised--focus--BoxShadow);
--pf-v5-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-v5-c-card--m-selectable-raised--focus--before--BackgroundColor);
}
.pf-v5-c-card.pf-m-selectable-raised:active {
--pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-selectable-raised--active--BoxShadow);
--pf-v5-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-v5-c-card--m-selectable-raised--active--before--BackgroundColor);
}
.pf-v5-c-card.pf-m-selectable-raised.pf-m-selected-raised {
--pf-v5-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--BackgroundColor);
--pf-v5-c-card--m-selectable-raised--before--Transition: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--Transition);
--pf-v5-c-card--m-selectable-raised--before--TranslateY: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--TranslateY);
--pf-v5-c-card--m-selectable-raised--before--ScaleY: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--ScaleY);
z-index: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--ZIndex);
box-shadow: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--BoxShadow);
transition: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--Transition);
transform: translateY(var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY));
}
.pf-v5-c-card.pf-m-non-selectable-raised {
--pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-non-selectable-raised--BackgroundColor);
--pf-v5-c-card--BoxShadow: none;
--pf-v5-c-card--m-flat--BorderColor: var(--pf-v5-c-card--m-flat--m-non-selectable-raised--before--BorderColor);
--pf-v5-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-v5-c-card--m-non-selectable-raised--before--BackgroundColor);
--pf-v5-c-card--m-selectable-raised--before--ScaleY: var(--pf-v5-c-card--m-non-selectable-raised--before--ScaleY);
}
.pf-v5-c-card.pf-m-compact {
--pf-v5-c-card__body--FontSize: var(--pf-v5-c-card--m-compact__body--FontSize);
--pf-v5-c-card__footer--FontSize: var(--pf-v5-c-card--m-compact__footer--FontSize);
--pf-v5-c-card--first-child--PaddingTop: var(--pf-v5-c-card--m-compact--first-child--PaddingTop);
--pf-v5-c-card--child--PaddingRight: var(--pf-v5-c-card--m-compact--child--PaddingRight);
--pf-v5-c-card--child--PaddingBottom: var(--pf-v5-c-card--m-compact--child--PaddingBottom);
--pf-v5-c-card--child--PaddingLeft: var(--pf-v5-c-card--m-compact--child--PaddingLeft);
--pf-v5-c-card--c-divider--child--PaddingTop: var(--pf-v5-c-card--m-compact--c-divider--child--PaddingTop);
--pf-v5-c-card__title--not--last-child--PaddingBottom: var(--pf-v5-c-card--m-compact__title--not--last-child--PaddingBottom);
}
.pf-v5-c-card.pf-m-display-lg {
--pf-v5-c-card__title-text--FontSize: var(--pf-v5-c-card--m-display-lg__title-text--FontSize);
--pf-v5-c-card--first-child--PaddingTop: var(--pf-v5-c-card--m-display-lg--first-child--PaddingTop);
--pf-v5-c-card--child--PaddingRight: var(--pf-v5-c-card--m-display-lg--child--PaddingRight);
--pf-v5-c-card--child--PaddingBottom: var(--pf-v5-c-card--m-display-lg--child--PaddingBottom);
--pf-v5-c-card--child--PaddingLeft: var(--pf-v5-c-card--m-display-lg--child--PaddingLeft);
--pf-v5-c-card--c-divider--child--PaddingTop: var(--pf-v5-c-card--m-display-lg--c-divider--child--PaddingTop);
--pf-v5-c-card__title--not--last-child--PaddingBottom: var(--pf-v5-c-card--m-display-lg__title--not--last-child--PaddingBottom);
}
.pf-v5-c-card.pf-m-flat {
--pf-v5-c-card--BoxShadow: none;
--pf-v5-c-card--m-selectable-raised--before--Right: var(--pf-v5-c-card--m-flat--m-selectable-raised--before--Right);
--pf-v5-c-card--m-selectable-raised--before--Bottom: var(--pf-v5-c-card--m-flat--m-selectable-raised--before--Bottom);
--pf-v5-c-card--m-selectable-raised--before--Left: var(--pf-v5-c-card--m-flat--m-selectable-raised--before--Left);
--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(--pf-v5-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY);
border: var(--pf-v5-c-card--m-flat--BorderWidth) solid var(--pf-v5-c-card--m-flat--BorderColor);
}
.pf-v5-c-card.pf-m-plain {
--pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-plain--BoxShadow);
--pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-plain--BackgroundColor);
}
.pf-v5-c-card.pf-m-rounded {
--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(--pf-v5-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY);
border-radius: var(--pf-v5-c-card--m-rounded--BorderRadius);
}
.pf-v5-c-card.pf-m-expanded .pf-v5-c-card__header-toggle-icon {
transform: rotate(var(--pf-v5-c-card--m-expanded__header-toggle-icon--Rotate));
}
.pf-v5-c-card.pf-m-full-height {
height: var(--pf-v5-c-card--m-full-height--Height);
}
.pf-v5-c-card > .pf-v5-c-divider + .pf-v5-c-card__header,
.pf-v5-c-card > .pf-v5-c-divider + .pf-v5-c-card__title,
.pf-v5-c-card > .pf-v5-c-divider + .pf-v5-c-card__body,
.pf-v5-c-card > .pf-v5-c-divider + .pf-v5-c-card__footer {
padding-top: var(--pf-v5-c-card--c-divider--child--PaddingTop);
}
.pf-v5-c-card__header {
display: flex;
flex-direction: row;
align-items: center;
}
.pf-v5-c-card__header .pf-v5-c-card__title {
--pf-v5-c-card--first-child--PaddingTop: 0;
--pf-v5-c-card__title--not--last-child--PaddingBottom: 0;
padding: 0;
}
.pf-v5-c-card__header.pf-m-toggle-right {
--pf-v5-c-card__header-toggle--MarginRight: var(--pf-v5-c-card__header--m-toggle-right--toggle--MarginRight);
--pf-v5-c-card__header-toggle--MarginLeft: var(--pf-v5-c-card__header--m-toggle-right--toggle--MarginLeft);
}
.pf-v5-c-card__header.pf-m-toggle-right .pf-v5-c-card__header-toggle {
order: 2;
}
.pf-v5-c-card__header-main {
flex: 1;
}
.pf-v5-c-card__header-toggle {
align-self: flex-start;
margin: var(--pf-v5-c-card__header-toggle--MarginTop) var(--pf-v5-c-card__header-toggle--MarginRight) var(--pf-v5-c-card__header-toggle--MarginBottom) var(--pf-v5-c-card__header-toggle--MarginLeft);
}
.pf-v5-c-card__header-toggle-icon {
display: inline-block;
transition: var(--pf-v5-c-card__header-toggle-icon--Transition);
}
.pf-v5-c-card__title-text {
font-family: var(--pf-v5-c-card__title-text--FontFamily);
font-size: var(--pf-v5-c-card__title-text--FontSize);
font-weight: var(--pf-v5-c-card__title-text--FontWeight);
line-height: var(--pf-v5-c-card__title-text--LineHeight);
}
.pf-v5-c-card__actions {
display: flex;
gap: var(--pf-v5-c-card__actions--Gap);
align-items: center;
align-self: flex-start;
order: 1;
padding-left: var(--pf-v5-c-card__actions--PaddingLeft);
margin: var(--pf-v5-c-card__actions--MarginTop) 0 var(--pf-v5-c-card__actions--MarginBottom) auto;
}
.pf-v5-c-card__actions + .pf-v5-c-card__title,
.pf-v5-c-card__actions + .pf-v5-c-card__body,
.pf-v5-c-card__actions + .pf-v5-c-card__footer {
padding: 0;
}
.pf-v5-c-card__actions.pf-m-no-offset {
--pf-v5-c-card__actions--MarginTop: 0;
--pf-v5-c-card__actions--MarginBottom: 0;
}
.pf-v5-c-card__selectable-actions .pf-v5-c-check__label,
.pf-v5-c-card__selectable-actions .pf-v5-c-radio__label {
position: absolute;
inset: 0;
cursor: pointer;
}
.pf-v5-c-card__selectable-actions .pf-v5-c-check__label::before,
.pf-v5-c-card__selectable-actions .pf-v5-c-radio__label::before {
position: absolute;
inset: 0;
z-index: -1;
content: "";
background-color: var(--pf-v5-c-card--BackgroundColor, transparent);
border: var(--pf-v5-c-card--m-selectable--BorderWidth) solid var(--pf-v5-c-card--BorderColor, transparent);
box-shadow: var(--pf-v5-c-card--BoxShadow, none);
}
.pf-v5-c-card__selectable-actions .pf-v5-c-check__label:hover,
.pf-v5-c-card__selectable-actions .pf-v5-c-radio__label:hover {
--pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--hover--BackgroundColor);
--pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-selectable--hover--BoxShadow);
}
.pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:checked) ~ .pf-v5-c-check__label,
.pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:checked) ~ .pf-v5-c-radio__label,
.pf-v5-c-card.pf-m-selected {
--pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--m-selected--BorderColor);
--pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--m-selected--BackgroundColor);
}
.pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:focus-visible) ~ .pf-v5-c-check__label,
.pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:focus-visible) ~ .pf-v5-c-radio__label {
--pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--focus--BorderColor);
--pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--focus--BackgroundColor);
}
.pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:focus-visible):where(:checked) ~ .pf-v5-c-check__label,
.pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:focus-visible):where(:checked) ~ .pf-v5-c-radio__label {
--pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--m-selected--focus--BorderColor);
}
.pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:disabled) ~ .pf-v5-c-check__label,
.pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:disabled) ~ .pf-v5-c-radio__label,
.pf-v5-c-card.pf-m-disabled {
--pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--m-disabled--BackgroundColor);
--pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--m-disabled--BorderColor);
--pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-selectable--m-disabled--BoxShadow);
}
.pf-v5-c-card__header,
.pf-v5-c-card__title,
.pf-v5-c-card__body,
.pf-v5-c-card__footer {
padding-right: var(--pf-v5-c-card--child--PaddingRight);
padding-bottom: var(--pf-v5-c-card--child--PaddingBottom);
padding-left: var(--pf-v5-c-card--child--PaddingLeft);
}
.pf-v5-c-card__header:first-child,
.pf-v5-c-card__title:first-child,
.pf-v5-c-card__body:first-child,
.pf-v5-c-card__footer:first-child {
padding-top: var(--pf-v5-c-card--first-child--PaddingTop);
}
.pf-v5-c-card__header:not(:last-child),
.pf-v5-c-card__title:not(:last-child) {
padding-bottom: var(--pf-v5-c-card__title--not--last-child--PaddingBottom);
}
.pf-v5-c-card__expandable-content {
--pf-v5-c-card--first-child--PaddingTop: 0;
}
.pf-v5-c-card__body:not(.pf-m-no-fill) {
flex: 1 1 auto;
}
.pf-v5-c-card__body {
font-size: var(--pf-v5-c-card__body--FontSize);
}
.pf-v5-c-card__footer {
font-size: var(--pf-v5-c-card__footer--FontSize);
}
.pf-v5-c-card__sr-input:focus + .pf-v5-c-card::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
border: var(--pf-v5-c-card__input--focus--BorderWidth) solid var(--pf-v5-c-card__input--focus--BorderColor);
}
:where(.pf-v5-theme-dark) .pf-v5-c-card,
:where(.pf-v5-theme-dark) .pf-v5-c-card.pf-m-non-selectable-raised {
--pf-v5-c-card--BoxShadow: var(--pf-v5-global--BoxShadow--md);
--pf-v5-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
--pf-v5-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
--pf-v5-c-card--m-selectable-raised--focus--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
--pf-v5-c-card--m-selectable-raised--active--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
}
/* node_modules/@patternfly/react-styles/css/components/Popper/Popper.css */
.pf-v5-c-popover[data-popper-reference-hidden=true] {
visibility: hidden;
pointer-events: none;
}
/* node_modules/@patternfly/react-styles/css/components/Button/button.css */
.pf-v5-c-button {
--pf-v5-c-button--PaddingTop: var(--pf-v5-global--spacer--form-element);
--pf-v5-c-button--PaddingRight: var(--pf-v5-global--spacer--md);
--pf-v5-c-button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
--pf-v5-c-button--PaddingLeft: var(--pf-v5-global--spacer--md);
--pf-v5-c-button--LineHeight: var(--pf-v5-global--LineHeight--md);
--pf-v5-c-button--FontWeight: var(--pf-v5-global--FontWeight--normal);
--pf-v5-c-button--FontSize: var(--pf-v5-global--FontSize--md);
--pf-v5-c-button--BackgroundColor: transparent;
--pf-v5-c-button--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
--pf-v5-c-button--after--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
--pf-v5-c-button--after--BorderColor: transparent;
--pf-v5-c-button--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
--pf-v5-c-button--hover--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
--pf-v5-c-button--focus--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
--pf-v5-c-button--active--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
--pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--100);
--pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
--pf-v5-c-button--disabled--after--BorderColor: transparent;
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--100);
--pf-v5-c-button--m-primary--Color: var(--pf-v5-global--Color--light-100);
--pf-v5-c-button--m-primary--hover--BackgroundColor: var(--pf-v5-global--primary-color--200);
--pf-v5-c-button--m-primary--hover--Color: var(--pf-v5-global--Color--light-100);
--pf-v5-c-button--m-primary--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
--pf-v5-c-button--m-primary--focus--Color: var(--pf-v5-global--Color--light-100);
--pf-v5-c-button--m-primary--active--BackgroundColor: var(--pf-v5-global--primary-color--200);
--pf-v5-c-button--m-primary--active--Color: var(--pf-v5-global--Color--light-100);
--pf-v5-c-button--m-secondary--BackgroundColor: transparent;
--pf-v5-c-button--m-secondary--after--BorderColor: var(--pf-v5-global--primary-color--100);
--pf-v5-c-button--m-secondary--Color: var(--pf-v5-global--primary-color--100);
--pf-v5-c-button--m-secondary--hover--BackgroundColor: transparent;
--pf-v5-c-button--m-secondary--hover--after--BorderColor: var(--pf-v5-global--primary-color--100);
--pf-v5-c-button--m-secondary--hover--Color: var(--pf-v5-global--primary-color--100);
--pf-v5-c-button--m-secondary--focus--BackgroundColor: transparent;
--pf-v5-c-button--m-secondary--focus--after--BorderColor: var(--pf-v5-global--primary-color--100);
--pf-v5-c-button--m-secondary--focus--Color: var(--pf-v5-global--primary-color--100);
--pf-v5-c-button--m-secondary--active--BackgroundColor: transparent;
--pf-v5-c-button--m-secondary--active--after--BorderColor: var(--pf-v5-global--primary-color--100);
--pf-v5-c-button--m-secondary--active--Color: var(--pf-v5-global--primary-color--100);
--pf-v5-c-button--m-secondary--m-danger--BackgroundColor: transparent;
--pf-v5-c-button--m-secondary--m-danger--Color: var(--pf-v5-global--danger-color--100);
--pf-v5-c-button--m-secondary--m-danger--after--BorderColor: var(--pf-v5-global--danger-color--100);
--pf-v5-c-button--m-secondary--m-danger--hover--BackgroundColor: transparent;
--pf-v5-c-button--m-secondary--m-danger--hover--Color: var(--pf-v5-global--danger-color--200);
--pf-v5-c-button--m-secondary--m-danger--hover--after--BorderColor: var(--pf-v5-global--danger-color--100);
--pf-v5-c-button--m-secondary--m-danger--focus--BackgroundColor: transparent;
--pf-v5-c-button--m-secondary--m-danger--focus--Color: var(--pf-v5-global--danger-color--200);
--pf-v5-c-button--m-secondary--m-danger--focus--after--BorderColor: var(--pf-v5-global--danger-color--100);
--pf-v5-c-button--m-secondary--m-danger--active--BackgroundColor: transparent;
--pf-v5-c-button--m-secondary--m-danger--active--Color: var(--pf-v5-global--danger-color--200);
--pf-v5-c-button--m-secondary--m-danger--active--after--BorderColor: var(--pf-v5-global--danger-color--100);
--pf-v5-c-button--m-tertiary--BackgroundColor: transparent;
--pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--Color--100);
--pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--Color--100);
--pf-v5-c-button--m-tertiary--hover--BackgroundColor: transparent;
--pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--Color--100);
--pf-v5-c-button--m-tertiary--hover--Color: var(--pf-v5-global--Color--100);
--pf-v5-c-button--m-tertiary--focus--BackgroundColor: transparent;
--pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-v5-global--Color--100);
--pf-v5-c-button--m-tertiary--focus--Color: var(--pf-v5-global--Color--100);
--pf-v5-c-button--m-tertiary--active--BackgroundColor: transparent;
--pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-v5-global--Color--100);
--pf-v5-c-button--m-tertiary--active--Color: var(--pf-v5-global--Color--100);
--pf-v5-c-button--m-warning--BackgroundColor: var(--pf-v5-global--warning-color--100);
--pf-v5-c-button--m-warning--Color: var(--pf-v5-global--Color--dark-100);
--pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-v5-global--palette--gold-500);
--pf-v5-c-button--m-warning--hover--Color: var(--pf-v5-global--Color--dark-100);
--pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-v5-global--palette--gold-500);
--pf-v5-c-button--m-warning--focus--Color: var(--pf-v5-global--Color--dark-100);
--pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-v5-global--palette--gold-500);
--pf-v5-c-button--m-warning--active--Color: var(--pf-v5-global--Color--dark-100);
--pf-v5-c-button--m-danger--BackgroundColor: var(--pf-v5-global--danger-color--100);
--pf-v5-c-button--m-danger--Color: var(--pf-v5-global--Color--light-100);
--pf-v5-c-button--m-danger--hover--BackgroundColor: var(--pf-v5-global--danger-color--200);
--pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--Color--light-100);
--pf-v5-c-button--m-danger--focus--BackgroundColor: var(--pf-v5-global--danger-color--200);
--pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--Color--light-100);
--pf-v5-c-button--m-danger--active--BackgroundColor: var(--pf-v5-global--danger-color--200);
--pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--Color--light-100);
--pf-v5-c-button--m-link--BackgroundColor: transparent;
--pf-v5-c-button--m-link--Color: var(--pf-v5-global--link--Color);
--pf-v5-c-button--m-link--hover--BackgroundColor: transparent;
--pf-v5-c-button--m-link--hover--Color: var(--pf-v5-global--link--Color--hover);
--pf-v5-c-button--m-link--focus--BackgroundColor: transparent;
--pf-v5-c-button--m-link--focus--Color: var(--pf-v5-global--link--Color--hover);
--pf-v5-c-button--m-link--active--BackgroundColor: transparent;
--pf-v5-c-button--m-link--active--Color: var(--pf-v5-global--link--Color--hover);
--pf-v5-c-button--m-link--disabled--BackgroundColor: transparent;
--pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
--pf-v5-c-button--m-link--m-inline--FontSize: inherit;
--pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
--pf-v5-c-button--m-link--m-inline--hover--Color: var(--pf-v5-global--link--Color--hover);
--pf-v5-c-button--m-link--m-inline--PaddingTop: 0;
--pf-v5-c-button--m-link--m-inline--PaddingRight: 0;
--pf-v5-c-button--m-link--m-inline--PaddingBottom: 0;
--pf-v5-c-button--m-link--m-inline--PaddingLeft: 0;
--pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-v5-global--spacer--xs);
--pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-v5-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-v5-global--spacer--sm));
--pf-v5-c-button--m-link--m-danger--BackgroundColor: transparent;
--pf-v5-c-button--m-link--m-danger--Color: var(--pf-v5-global--danger-color--100);
--pf-v5-c-button--m-link--m-danger--hover--BackgroundColor: transparent;
--pf-v5-c-button--m-link--m-danger--hover--Color: var(--pf-v5-global--danger-color--200);
--pf-v5-c-button--m-link--m-danger--focus--BackgroundColor: transparent;
--pf-v5-c-button--m-link--m-danger--focus--Color: var(--pf-v5-global--danger-color--200);
--pf-v5-c-button--m-link--m-danger--active--BackgroundColor: transparent;
--pf-v5-c-button--m-link--m-danger--active--Color: var(--pf-v5-global--danger-color--200);
--pf-v5-c-button--m-plain--BackgroundColor: transparent;
--pf-v5-c-button--m-plain--Color: var(--pf-v5-global--Color--200);
--pf-v5-c-button--m-plain--hover--BackgroundColor: transparent;
--pf-v5-c-button--m-plain--hover--Color: var(--pf-v5-global--Color--100);
--pf-v5-c-button--m-plain--focus--BackgroundColor: transparent;
--pf-v5-c-button--m-plain--focus--Color: var(--pf-v5-global--Color--100);
--pf-v5-c-button--m-plain--active--BackgroundColor: transparent;
--pf-v5-c-button--m-plain--active--Color: var(--pf-v5-global--Color--100);
--pf-v5-c-button--m-plain--disabled--Color: var(--pf-v5-global--disabled-color--200);
--pf-v5-c-button--m-plain--disabled--BackgroundColor: transparent;
--pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
--pf-v5-c-button--m-control--Color: var(--pf-v5-global--Color--100);
--pf-v5-c-button--m-control--BorderRadius: 0;
--pf-v5-c-button--m-control--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
--pf-v5-c-button--m-control--after--BorderTopColor: var(--pf-v5-global--BorderColor--300);
--pf-v5-c-button--m-control--after--BorderRightColor: var(--pf-v5-global--BorderColor--300);
--pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
--pf-v5-c-button--m-control--after--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
--pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
--pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
--pf-v5-c-button--m-control--hover--Color: var(--pf-v5-global--Color--100);
--pf-v5-c-button--m-control--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
--pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
--pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
--pf-v5-c-button--m-control--active--Color: var(--pf-v5-global--Color--100);
--pf-v5-c-button--m-control--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
--pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
--pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
--pf-v5-c-button--m-control--focus--Color: var(--pf-v5-global--Color--100);
--pf-v5-c-button--m-control--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
--pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
--pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
--pf-v5-c-button--m-control--m-expanded--Color: var(--pf-v5-global--Color--100);
--pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
--pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
--pf-v5-c-button--m-small--FontSize: var(--pf-v5-global--FontSize--sm);
--pf-v5-c-button--m-display-lg--PaddingTop: var(--pf-v5-global--spacer--md);
--pf-v5-c-button--m-display-lg--PaddingRight: var(--pf-v5-global--spacer--xl);
--pf-v5-c-button--m-display-lg--PaddingBottom: var(--pf-v5-global--spacer--md);
--pf-v5-c-button--m-display-lg--PaddingLeft: var(--pf-v5-global--spacer--xl);
--pf-v5-c-button--m-display-lg--FontWeight: var(--pf-v5-global--FontWeight--bold);
--pf-v5-c-button--m-link--m-display-lg--FontSize: var(--pf-v5-global--FontSize--lg);
--pf-v5-c-button__icon--m-start--MarginRight: var(--pf-v5-global--spacer--xs);
--pf-v5-c-button__icon--m-end--MarginLeft: var(--pf-v5-global--spacer--xs);
--pf-v5-c-button__progress--width: calc(var(--pf-v5-global--icon--FontSize--md) + var(--pf-v5-global--spacer--sm));
--pf-v5-c-button__progress--Opacity: 0;
--pf-v5-c-button__progress--TranslateY: -50%;
--pf-v5-c-button__progress--TranslateX: 0;
--pf-v5-c-button__progress--Top: 50%;
--pf-v5-c-button__progress--Left: var(--pf-v5-global--spacer--md);
--pf-v5-c-button--m-progress--TransitionProperty: padding;
--pf-v5-c-button--m-progress--TransitionDuration: var(--pf-v5-global--TransitionDuration);
--pf-v5-c-button--m-progress--PaddingRight: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
--pf-v5-c-button--m-progress--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
--pf-v5-c-button--m-in-progress--PaddingRight: var(--pf-v5-global--spacer--md);
--pf-v5-c-button--m-in-progress--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width));
--pf-v5-c-button--m-in-progress--m-plain--Color: var(--pf-v5-global--primary-color--100);
--pf-v5-c-button--m-in-progress--m-plain__progress--Left: 50%;
--pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
--pf-v5-c-button__count--MarginLeft: var(--pf-v5-global--spacer--sm);
--pf-v5-c-button--disabled__c-badge--Color: var(--pf-v5-global--Color--dark-100);
--pf-v5-c-button--disabled__c-badge--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
--pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--BorderColor--300);
--pf-v5-c-button--m-primary__c-badge--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
position: relative;
display: inline-block;
padding: var(--pf-v5-c-button--PaddingTop) var(--pf-v5-c-button--PaddingRight) var(--pf-v5-c-button--PaddingBottom) var(--pf-v5-c-button--PaddingLeft);
font-size: var(--pf-v5-c-button--FontSize);
font-weight: var(--pf-v5-c-button--FontWeight);
line-height: var(--pf-v5-c-button--LineHeight);
text-align: center;
white-space: nowrap;
user-select: none;
border: 0;
border-radius: var(--pf-v5-c-button--BorderRadius);
}
.pf-v5-c-button::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
content: "";
border: var(--pf-v5-c-button--after--BorderWidth) solid;
border-color: var(--pf-v5-c-button--after--BorderColor);
border-radius: var(--pf-v5-c-button--after--BorderRadius);
}
.pf-v5-c-button:hover {
--pf-v5-c-button--after--BorderWidth: var(--pf-v5-c-button--hover--after--BorderWidth);
text-decoration: none;
}
.pf-v5-c-button:focus {
--pf-v5-c-button--after--BorderWidth: var(--pf-v5-c-button--focus--after--BorderWidth);
}
.pf-v5-c-button:active,
.pf-v5-c-button.pf-m-active {
--pf-v5-c-button--after--BorderWidth: var(--pf-v5-c-button--active--after--BorderWidth);
}
.pf-v5-c-button.pf-m-block {
display: block;
width: 100%;
}
.pf-v5-c-button.pf-m-small {
--pf-v5-c-button--FontSize: var(--pf-v5-c-button--m-small--FontSize);
}
.pf-v5-c-button.pf-m-primary.pf-m-display-lg,
.pf-v5-c-button.pf-m-secondary.pf-m-display-lg,
.pf-v5-c-button.pf-m-tertiary.pf-m-display-lg,
.pf-v5-c-button.pf-m-link.pf-m-display-lg {
--pf-v5-c-button--PaddingTop: var(--pf-v5-c-button--m-display-lg--PaddingTop);
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-display-lg--PaddingRight);
--pf-v5-c-button--PaddingBottom: var(--pf-v5-c-button--m-display-lg--PaddingBottom);
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-display-lg--PaddingLeft);
--pf-v5-c-button--FontWeight: var(--pf-v5-c-button--m-display-lg--FontWeight);
}
.pf-v5-c-button.pf-m-primary {
color: var(--pf-v5-c-button--m-primary--Color);
background-color: var(--pf-v5-c-button--m-primary--BackgroundColor);
}
.pf-v5-c-button.pf-m-primary:hover {
--pf-v5-c-button--m-primary--Color: var(--pf-v5-c-button--m-primary--hover--Color);
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-c-button--m-primary--hover--BackgroundColor);
}
.pf-v5-c-button.pf-m-primary:focus {
--pf-v5-c-button--m-primary--Color: var(--pf-v5-c-button--m-primary--focus--Color);
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-c-button--m-primary--focus--BackgroundColor);
}
.pf-v5-c-button.pf-m-primary:active,
.pf-v5-c-button.pf-m-primary.pf-m-active {
--pf-v5-c-button--m-primary--Color: var(--pf-v5-c-button--m-primary--active--Color);
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-c-button--m-primary--active--BackgroundColor);
}
.pf-v5-c-button.pf-m-primary .pf-v5-c-badge.pf-m-unread {
border: var(--pf-v5-c-button--m-primary__c-badge--BorderWidth) solid var(--pf-v5-c-button--m-primary__c-badge--BorderColor);
}
.pf-v5-c-button.pf-m-secondary {
--pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-secondary--after--BorderColor);
color: var(--pf-v5-c-button--m-secondary--Color);
background-color: var(--pf-v5-c-button--m-secondary--BackgroundColor);
}
.pf-v5-c-button.pf-m-secondary:hover {
--pf-v5-c-button--m-secondary--Color: var(--pf-v5-c-button--m-secondary--hover--Color);
--pf-v5-c-button--m-secondary--BackgroundColor: var(--pf-v5-c-button--m-secondary--hover--BackgroundColor);
--pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-secondary--hover--after--BorderColor);
}
.pf-v5-c-button.pf-m-secondary:focus {
--pf-v5-c-button--m-secondary--Color: var(--pf-v5-c-button--m-secondary--focus--Color);
--pf-v5-c-button--m-secondary--BackgroundColor: var(--pf-v5-c-button--m-secondary--focus--BackgroundColor);
--pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-secondary--focus--after--BorderColor);
}
.pf-v5-c-button.pf-m-secondary.pf-m-active,
.pf-v5-c-button.pf-m-secondary:active {
--pf-v5-c-button--m-secondary--Color: var(--pf-v5-c-button--m-secondary--active--Color);
--pf-v5-c-button--m-secondary--BackgroundColor: var(--pf-v5-c-button--m-secondary--active--BackgroundColor);
--pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-secondary--active--after--BorderColor);
}
.pf-v5-c-button.pf-m-tertiary {
--pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-tertiary--after--BorderColor);
color: var(--pf-v5-c-button--m-tertiary--Color);
background-color: var(--pf-v5-c-button--m-tertiary--BackgroundColor);
}
.pf-v5-c-button.pf-m-tertiary:hover {
--pf-v5-c-button--m-tertiary--Color: var(--pf-v5-c-button--m-tertiary--hover--Color);
--pf-v5-c-button--m-tertiary--BackgroundColor: var(--pf-v5-c-button--m-tertiary--hover--BackgroundColor);
--pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-tertiary--hover--after--BorderColor);
}
.pf-v5-c-button.pf-m-tertiary:focus {
--pf-v5-c-button--m-tertiary--Color: var(--pf-v5-c-button--m-tertiary--focus--Color);
--pf-v5-c-button--m-tertiary--BackgroundColor: var(--pf-v5-c-button--m-tertiary--focus--BackgroundColor);
--pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-tertiary--focus--after--BorderColor);
}
.pf-v5-c-button.pf-m-tertiary:active,
.pf-v5-c-button.pf-m-tertiary.pf-m-active {
--pf-v5-c-button--m-tertiary--Color: var(--pf-v5-c-button--m-tertiary--active--Color);
--pf-v5-c-button--m-tertiary--BackgroundColor: var(--pf-v5-c-button--m-tertiary--active--BackgroundColor);
--pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-tertiary--active--after--BorderColor);
}
.pf-v5-c-button.pf-m-link {
--pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-link--disabled--BackgroundColor);
--pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-link--disabled--Color);
color: var(--pf-v5-c-button--m-link--Color);
background-color: var(--pf-v5-c-button--m-link--BackgroundColor);
}
.pf-v5-c-button.pf-m-link:not(.pf-m-inline):hover {
--pf-v5-c-button--m-link--Color: var(--pf-v5-c-button--m-link--hover--Color);
--pf-v5-c-button--m-link--BackgroundColor: var(--pf-v5-c-button--m-link--hover--BackgroundColor);
}
.pf-v5-c-button.pf-m-link:not(.pf-m-inline):focus {
--pf-v5-c-button--m-link--Color: var(--pf-v5-c-button--m-link--focus--Color);
--pf-v5-c-button--m-link--BackgroundColor: var(--pf-v5-c-button--m-link--focus--BackgroundColor);
}
.pf-v5-c-button.pf-m-link:not(.pf-m-inline):active,
.pf-v5-c-button.pf-m-link:not(.pf-m-inline).pf-m-active {
--pf-v5-c-button--m-link--Color: var(--pf-v5-c-button--m-link--active--Color);
--pf-v5-c-button--m-link--BackgroundColor: var(--pf-v5-c-button--m-link--active--BackgroundColor);
}
.pf-v5-c-button.pf-m-link.pf-m-inline {
--pf-v5-c-button--FontSize: var(--pf-v5-c-button--m-link--m-inline--FontSize);
--pf-v5-c-button__progress--Left: var(--pf-v5-c-button--m-link--m-inline__progress--Left);
display: inline;
padding: var(--pf-v5-c-button--m-link--m-inline--PaddingTop) var(--pf-v5-c-button--m-link--m-inline--PaddingRight) var(--pf-v5-c-button--m-link--m-inline--PaddingBottom) var(--pf-v5-c-button--m-link--m-inline--PaddingLeft);
text-align: left;
white-space: normal;
cursor: pointer;
}
.pf-v5-c-button.pf-m-link.pf-m-inline:hover {
--pf-v5-c-button--m-link--Color: var(--pf-v5-c-button--m-link--m-inline--hover--Color);
text-decoration: var(--pf-v5-c-button--m-link--m-inline--hover--TextDecoration);
}
.pf-v5-c-button.pf-m-link.pf-m-display-lg {
--pf-v5-c-button--FontSize: var(--pf-v5-c-button--m-link--m-display-lg--FontSize);
}
.pf-v5-c-button.pf-m-danger {
color: var(--pf-v5-c-button--m-danger--Color);
background-color: var(--pf-v5-c-button--m-danger--BackgroundColor);
}
.pf-v5-c-button.pf-m-danger:hover {
--pf-v5-c-button--m-danger--Color: var(--pf-v5-c-button--m-danger--hover--Color);
--pf-v5-c-button--m-danger--BackgroundColor: var(--pf-v5-c-button--m-danger--hover--BackgroundColor);
}
.pf-v5-c-button.pf-m-danger:focus {
--pf-v5-c-button--m-danger--Color: var(--pf-v5-c-button--m-danger--focus--Color);
--pf-v5-c-button--m-danger--BackgroundColor: var(--pf-v5-c-button--m-danger--focus--BackgroundColor);
}
.pf-v5-c-button.pf-m-danger:active,
.pf-v5-c-button.pf-m-danger.pf-m-active {
--pf-v5-c-button--m-danger--Color: var(--pf-v5-c-button--m-danger--active--Color);
--pf-v5-c-button--m-danger--BackgroundColor: var(--pf-v5-c-button--m-danger--active--BackgroundColor);
}
.pf-v5-c-button.pf-m-danger.pf-m-secondary {
--pf-v5-c-button--m-danger--Color: var(--pf-v5-c-button--m-secondary--m-danger--Color);
--pf-v5-c-button--m-danger--BackgroundColor: var(--pf-v5-c-button--m-secondary--m-danger--BackgroundColor);
--pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-secondary--m-danger--after--BorderColor);
}
.pf-v5-c-button.pf-m-danger.pf-m-secondary:hover {
--pf-v5-c-button--m-secondary--m-danger--Color: var(--pf-v5-c-button--m-secondary--m-danger--hover--Color);
--pf-v5-c-button--m-secondary--m-danger--BackgroundColor: var(--pf-v5-c-button--m-secondary--m-danger--hover--BackgroundColor);
--pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-secondary--m-danger--hover--after--BorderColor);
}
.pf-v5-c-button.pf-m-danger.pf-m-secondary:focus {
--pf-v5-c-button--m-secondary--m-danger--Color: var(--pf-v5-c-button--m-secondary--m-danger--focus--Color);
--pf-v5-c-button--m-secondary--m-danger--BackgroundColor: var(--pf-v5-c-button--m-secondary--m-danger--focus--BackgroundColor);
--pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-secondary--m-danger--focus--after--BorderColor);
}
.pf-v5-c-button.pf-m-danger.pf-m-secondary:active,
.pf-v5-c-button.pf-m-danger.pf-m-secondary.pf-m-active {
--pf-v5-c-button--m-secondary--m-danger--Color: var(--pf-v5-c-button--m-secondary--m-danger--active--Color);
--pf-v5-c-button--m-secondary--m-danger--BackgroundColor: var(--pf-v5-c-button--m-secondary--m-danger--active--BackgroundColor);
--pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-secondary--m-danger--active--after--BorderColor);
}
.pf-v5-c-button.pf-m-danger.pf-m-link {
--pf-v5-c-button--m-danger--Color: var(--pf-v5-c-button--m-link--m-danger--Color);
--pf-v5-c-button--m-danger--BackgroundColor: var(--pf-v5-c-button--m-link--m-danger--BackgroundColor);
}
.pf-v5-c-button.pf-m-danger.pf-m-link:hover {
--pf-v5-c-button--m-link--m-danger--Color: var(--pf-v5-c-button--m-link--m-danger--hover--Color);
--pf-v5-c-button--m-link--m-danger--BackgroundColor: var(--pf-v5-c-button--m-link--m-danger--hover--BackgroundColor);
}
.pf-v5-c-button.pf-m-danger.pf-m-link:focus {
--pf-v5-c-button--m-link--m-danger--Color: var(--pf-v5-c-button--m-link--m-danger--focus--Color);
--pf-v5-c-button--m-link--m-danger--BackgroundColor: var(--pf-v5-c-button--m-link--m-danger--focus--BackgroundColor);
}
.pf-v5-c-button.pf-m-danger.pf-m-link:active,
.pf-v5-c-button.pf-m-danger.pf-m-link.pf-m-active {
--pf-v5-c-button--m-link--m-danger--Color: var(--pf-v5-c-button--m-link--m-danger--active--Color);
--pf-v5-c-button--m-link--m-danger--BackgroundColor: var(--pf-v5-c-button--m-link--m-danger--active--BackgroundColor);
}
.pf-v5-c-button.pf-m-warning {
color: var(--pf-v5-c-button--m-warning--Color);
background-color: var(--pf-v5-c-button--m-warning--BackgroundColor);
}
.pf-v5-c-button.pf-m-warning:hover {
--pf-v5-c-button--m-warning--Color: var(--pf-v5-c-button--m-warning--hover--Color);
--pf-v5-c-button--m-warning--BackgroundColor: var(--pf-v5-c-button--m-warning--hover--BackgroundColor);
}
.pf-v5-c-button.pf-m-warning:focus {
--pf-v5-c-button--m-warning--Color: var(--pf-v5-c-button--m-warning--focus--Color);
--pf-v5-c-button--m-warning--BackgroundColor: var(--pf-v5-c-button--m-warning--focus--BackgroundColor);
}
.pf-v5-c-button.pf-m-warning:active,
.pf-v5-c-button.pf-m-warning.pf-m-active {
--pf-v5-c-button--m-warning--Color: var(--pf-v5-c-button--m-warning--active--Color);
--pf-v5-c-button--m-warning--BackgroundColor: var(--pf-v5-c-button--m-warning--active--BackgroundColor);
}
.pf-v5-c-button.pf-m-control {
--pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-control--BorderRadius);
--pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-control--disabled--BackgroundColor);
--pf-v5-c-button--after--BorderWidth: var(--pf-v5-c-button--m-control--after--BorderWidth);
--pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-control--after--BorderTopColor) var(--pf-v5-c-button--m-control--after--BorderRightColor) var(--pf-v5-c-button--m-control--after--BorderBottomColor) var(--pf-v5-c-button--m-control--after--BorderLeftColor);
color: var(--pf-v5-c-button--m-control--Color);
background-color: var(--pf-v5-c-button--m-control--BackgroundColor);
}
.pf-v5-c-button.pf-m-control::after {
border-radius: initial;
}
.pf-v5-c-button.pf-m-control:hover {
--pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--hover--Color);
--pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--hover--BackgroundColor);
--pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--hover--after--BorderBottomColor);
}
.pf-v5-c-button.pf-m-control:hover::after {
border-bottom-width: var(--pf-v5-c-button--m-control--hover--after--BorderBottomWidth);
}
.pf-v5-c-button.pf-m-control:active,
.pf-v5-c-button.pf-m-control.pf-m-active {
--pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--active--Color);
--pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--active--BackgroundColor);
--pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--active--after--BorderBottomColor);
}
.pf-v5-c-button.pf-m-control:active::after,
.pf-v5-c-button.pf-m-control.pf-m-active::after {
border-bottom-width: var(--pf-v5-c-button--m-control--active--after--BorderBottomWidth);
}
.pf-v5-c-button.pf-m-control:focus {
--pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--focus--Color);
--pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--focus--BackgroundColor);
--pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--focus--after--BorderBottomColor);
}
.pf-v5-c-button.pf-m-control:focus::after {
border-bottom-width: var(--pf-v5-c-button--m-control--focus--after--BorderBottomWidth);
}
.pf-v5-c-button.pf-m-control.pf-m-expanded {
--pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--m-expanded--Color);
--pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--m-expanded--BackgroundColor);
--pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor);
}
.pf-v5-c-button.pf-m-control.pf-m-expanded::after {
border-bottom-width: var(--pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth);
}
.pf-v5-c-button.pf-m-plain {
--pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-plain--disabled--Color);
--pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-plain--disabled--BackgroundColor);
color: var(--pf-v5-c-button--m-plain--Color);
background-color: var(--pf-v5-c-button--m-plain--BackgroundColor);
}
.pf-v5-c-button.pf-m-plain:hover {
--pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--hover--Color);
--pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor);
}
.pf-v5-c-button.pf-m-plain:active,
.pf-v5-c-button.pf-m-plain.pf-m-active {
--pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--active--Color);
--pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--active--BackgroundColor);
}
.pf-v5-c-button.pf-m-plain:focus {
--pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--focus--Color);
--pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--focus--BackgroundColor);
}
.pf-v5-c-button:disabled,
.pf-v5-c-button.pf-m-disabled {
pointer-events: none;
}
.pf-v5-c-button:disabled,
.pf-v5-c-button.pf-m-disabled,
.pf-v5-c-button.pf-m-aria-disabled {
color: var(--pf-v5-c-button--disabled--Color);
background-color: var(--pf-v5-c-button--disabled--BackgroundColor);
}
.pf-v5-c-button:disabled::after,
.pf-v5-c-button.pf-m-disabled::after,
.pf-v5-c-button.pf-m-aria-disabled::after {
border-color: var(--pf-v5-c-button--disabled--after--BorderColor);
}
.pf-v5-c-button:disabled .pf-v5-c-badge,
.pf-v5-c-button.pf-m-disabled .pf-v5-c-badge,
.pf-v5-c-button.pf-m-aria-disabled .pf-v5-c-badge {
--pf-v5-c-badge--m-unread--Color: var(--pf-v5-c-button--disabled__c-badge--Color);
--pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-c-button--disabled__c-badge--BackgroundColor);
--pf-v5-c-button--m-primary__c-badge--BorderWidth: 0;
}
.pf-v5-c-button.pf-m-aria-disabled {
--pf-v5-c-button--after--BorderWidth: 0;
--pf-v5-c-button--m-link--m-inline--hover--TextDecoration: none;
cursor: default;
}
.pf-v5-c-button.pf-m-progress {
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-progress--PaddingRight);
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-progress--PaddingLeft);
transition: var(--pf-v5-c-button--m-progress--TransitionProperty) var(--pf-v5-c-button--m-progress--TransitionDuration);
}
.pf-v5-c-button.pf-m-in-progress {
--pf-v5-c-button--m-link--m-inline--PaddingLeft: var(--pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft);
}
.pf-v5-c-button.pf-m-in-progress:not(.pf-m-plain) {
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-in-progress--PaddingRight);
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-in-progress--PaddingLeft);
}
.pf-v5-c-button.pf-m-in-progress.pf-m-plain {
--pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-in-progress--m-plain--Color);
--pf-v5-c-button__progress--Left: var(--pf-v5-c-button--m-in-progress--m-plain__progress--Left);
--pf-v5-c-button__progress--TranslateX: var(--pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX);
}
.pf-v5-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v5-c-button__progress) {
opacity: 0;
}
.pf-v5-c-button__icon.pf-m-start {
margin-right: var(--pf-v5-c-button__icon--m-start--MarginRight);
}
.pf-v5-c-button__icon.pf-m-end {
margin-left: var(--pf-v5-c-button__icon--m-end--MarginLeft);
}
.pf-v5-c-button__progress {
position: absolute;
top: var(--pf-v5-c-button__progress--Top);
left: var(--pf-v5-c-button__progress--Left);
line-height: 1;
transform: translate(var(--pf-v5-c-button__progress--TranslateX), var(--pf-v5-c-button__progress--TranslateY));
}
.pf-v5-c-button__progress .pf-v5-c-spinner {
--pf-v5-c-spinner--Color: currentcolor;
}
.pf-v5-c-button__count {
display: inline-flex;
align-items: center;
margin-left: var(--pf-v5-c-button__count--MarginLeft);
}
:where(.pf-v5-theme-dark) .pf-v5-c-button {
--pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--300);
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
--pf-v5-c-button--m-primary--Color: var(--pf-v5-global--primary-color--400);
--pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--BorderColor--100);
--pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--palette--black-100);
--pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--BorderColor--100);
--pf-v5-c-button--m-tertiary--hover--Color: var(--pf-v5-global--palette--black-100);
--pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-v5-global--BorderColor--100);
--pf-v5-c-button--m-tertiary--focus--Color: var(--pf-v5-global--palette--black-100);
--pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-v5-global--BorderColor--100);
--pf-v5-c-button--m-tertiary--active--Color: var(--pf-v5-global--palette--black-100);
--pf-v5-c-button--m-warning--Color: var(--pf-v5-global--palette--black-900);
--pf-v5-c-button--m-warning--hover--Color: var(--pf-v5-global--palette--black-900);
--pf-v5-c-button--m-warning--focus--Color: var(--pf-v5-global--palette--black-900);
--pf-v5-c-button--m-warning--active--Color: var(--pf-v5-global--palette--black-900);
--pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-v5-global--warning-color--200);
--pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-v5-global--warning-color--200);
--pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-v5-global--warning-color--200);
--pf-v5-c-button--m-danger--Color: var(--pf-v5-global--palette--black-900);
--pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--palette--black-900);
--pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--palette--black-900);
--pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--palette--black-900);
--pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
--pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
--pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
--pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
--pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
--pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
--pf-v5-c-button--m-control--after--BorderTopColor: transparent;
--pf-v5-c-button--m-control--after--BorderRightColor: transparent;
--pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
--pf-v5-c-button--m-control--after--BorderLeftColor: transparent;
--pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
--pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
--pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
--pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
--pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
--pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--Color--100);
}
:where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control:disabled::after {
border: 0;
border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--palette--black-700);
}
/* node_modules/@patternfly/react-styles/css/components/Spinner/spinner.css */
.pf-v5-c-spinner {
--pf-v5-c-spinner--diameter: var(--pf-v5-global--icon--FontSize--xl);
--pf-v5-c-spinner--Width: var(--pf-v5-c-spinner--diameter);
--pf-v5-c-spinner--Height: var(--pf-v5-c-spinner--diameter);
--pf-v5-c-spinner--Color: var(--pf-v5-global--primary-color--100);
--pf-v5-c-spinner--m-sm--diameter: var(--pf-v5-global--icon--FontSize--sm);
--pf-v5-c-spinner--m-md--diameter: var(--pf-v5-global--icon--FontSize--md);
--pf-v5-c-spinner--m-lg--diameter: var(--pf-v5-global--icon--FontSize--lg);
--pf-v5-c-spinner--m-xl--diameter: var(--pf-v5-global--icon--FontSize--xl);
--pf-v5-c-spinner--m-inline--diameter: 1em;
width: var(--pf-v5-c-spinner--Width);
height: var(--pf-v5-c-spinner--Height);
overflow: hidden;
}
.pf-v5-c-spinner.pf-m-inline {
--pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-inline--diameter);
}
.pf-v5-c-spinner.pf-m-sm {
--pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-sm--diameter);
}
.pf-v5-c-spinner.pf-m-md {
--pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-md--diameter);
}
.pf-v5-c-spinner.pf-m-lg {
--pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-lg--diameter);
}
.pf-v5-c-spinner.pf-m-xl {
--pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-xl--diameter);
}
svg.pf-v5-c-spinner {
--pf-v5-c-spinner--diameter: var(--pf-v5-global--icon--FontSize--xl);
--pf-v5-c-spinner--AnimationDuration: 1.4s;
--pf-v5-c-spinner--AnimationTimingFunction: linear;
--pf-v5-c-spinner--stroke-width: 10;
--pf-v5-c-spinner__path--Stroke: var(--pf-v5-c-spinner--Color);
--pf-v5-c-spinner__path--StrokeWidth: var(--pf-v5-c-spinner--stroke-width);
--pf-v5-c-spinner__path--AnimationTimingFunction: ease-in-out;
--pf-v5-c-spinner--m-sm--diameter: var(--pf-v5-global--icon--FontSize--sm);
--pf-v5-c-spinner--m-md--diameter: var(--pf-v5-global--icon--FontSize--md);
--pf-v5-c-spinner--m-lg--diameter: var(--pf-v5-global--icon--FontSize--lg);
--pf-v5-c-spinner--m-xl--diameter: var(--pf-v5-global--icon--FontSize--xl);
animation: pf-v5-c-spinner-animation-rotate calc(var(--pf-v5-c-spinner--AnimationDuration) * 2) var(--pf-v5-c-spinner--AnimationTimingFunction) infinite;
}
svg.pf-v5-c-spinner.pf-m-sm {
--pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-sm--diameter);
}
svg.pf-v5-c-spinner.pf-m-md {
--pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-md--diameter);
}
svg.pf-v5-c-spinner.pf-m-lg {
--pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-lg--diameter);
}
svg.pf-v5-c-spinner.pf-m-xl {
--pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-xl--diameter);
}
.pf-v5-c-spinner__path {
width: 100%;
height: 100%;
stroke: var(--pf-v5-c-spinner--Color);
stroke-dasharray: 283;
stroke-dashoffset: 280;
stroke-linecap: round;
stroke-width: var(--pf-v5-c-spinner--stroke-width);
transform-origin: 50% 50%;
animation: pf-v5-c-spinner-animation-dash var(--pf-v5-c-spinner--AnimationDuration) var(--pf-v5-c-spinner__path--AnimationTimingFunction) infinite;
}
@keyframes pf-v5-c-spinner-animation-rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes pf-v5-c-spinner-animation-dash {
0% {
stroke-dashoffset: 280;
transform: rotate(0);
}
15% {
stroke-width: calc(var(--pf-v5-c-spinner__path--StrokeWidth) - 4);
}
40% {
stroke-dasharray: 220;
stroke-dashoffset: 150;
}
100% {
stroke-dashoffset: 280;
transform: rotate(720deg);
}
}
/* node_modules/@patternfly/react-styles/css/components/Badge/badge.css */
.pf-v5-c-badge {
--pf-v5-c-badge--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
--pf-v5-c-badge--FontSize: var(--pf-v5-global--FontSize--xs);
--pf-v5-c-badge--FontWeight: var(--pf-v5-global--FontWeight--bold);
--pf-v5-c-badge--PaddingRight: var(--pf-v5-global--spacer--sm);
--pf-v5-c-badge--PaddingLeft: var(--pf-v5-global--spacer--sm);
--pf-v5-c-badge--Color: var(--pf-v5-global--Color--dark-100);
--pf-v5-c-badge--MinWidth: var(--pf-v5-global--spacer--xl);
--pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
--pf-v5-c-badge--m-read--Color: var(--pf-v5-global--Color--dark-100);
--pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--100);
--pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--Color--light-100);
display: inline-block;
min-width: var(--pf-v5-c-badge--MinWidth);
padding-right: var(--pf-v5-c-badge--PaddingRight);
padding-left: var(--pf-v5-c-badge--PaddingLeft);
font-size: var(--pf-v5-c-badge--FontSize);
font-weight: var(--pf-v5-c-badge--FontWeight);
color: var(--pf-v5-c-badge--Color);
text-align: center;
background-color: var(--pf-v5-c-badge--BackgroundColor);
border-radius: var(--pf-v5-c-badge--BorderRadius);
}
.pf-v5-c-badge.pf-m-read {
--pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-read--Color);
--pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-read--BackgroundColor);
}
.pf-v5-c-badge.pf-m-unread {
--pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-unread--Color);
--pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-unread--BackgroundColor);
}
:where(.pf-v5-theme-dark) .pf-v5-c-badge {
--pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--palette--black-500);
--pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
--pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--300);
}
/* node_modules/@patternfly/react-styles/css/components/Radio/radio.css */
.pf-v5-c-radio {
--pf-v5-c-radio--GridGap: var(--pf-v5-global--spacer--xs) var(--pf-v5-global--spacer--sm);
--pf-v5-c-radio__label--disabled--Color: var(--pf-v5-global--disabled-color--100);
--pf-v5-c-radio__label--Color: var(--pf-v5-global--Color--100);
--pf-v5-c-radio__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
--pf-v5-c-radio__label--FontSize: var(--pf-v5-global--FontSize--md);
--pf-v5-c-radio__label--LineHeight: var(--pf-v5-global--LineHeight--sm);
--pf-v5-c-radio__input--Height: var(--pf-v5-c-radio__label--FontSize);
--pf-v5-c-radio__input--MarginTop: calc(((var(--pf-v5-c-radio__label--FontSize) * var(--pf-v5-c-radio__label--LineHeight)) - var(--pf-v5-c-radio__input--Height)) / 2);
--pf-v5-c-radio__input--first-child--MarginLeft: 0.0625rem;
--pf-v5-c-radio__input--last-child--MarginRight: 0.0625rem;
--pf-v5-c-radio__description--FontSize: var(--pf-v5-global--FontSize--sm);
--pf-v5-c-radio__description--Color: var(--pf-v5-global--Color--200);
--pf-v5-c-radio__body--MarginTop: var(--pf-v5-global--spacer--sm);
display: grid;
grid-template-columns: auto 1fr;
grid-gap: var(--pf-v5-c-radio--GridGap);
}
.pf-v5-c-radio.pf-m-standalone {
--pf-v5-c-radio--GridGap: 0;
--pf-v5-c-radio__input--Height: auto;
--pf-v5-c-radio__input--MarginTop: 0;
display: inline-grid;
line-height: 1;
}
.pf-v5-c-radio__label {
font-size: var(--pf-v5-c-radio__label--FontSize);
font-weight: var(--pf-v5-c-radio__label--FontWeight);
line-height: var(--pf-v5-c-radio__label--LineHeight);
color: var(--pf-v5-c-radio__label--Color);
}
.pf-v5-c-radio__input {
height: var(--pf-v5-c-radio__input--Height);
margin-top: var(--pf-v5-c-radio__input--MarginTop);
}
.pf-v5-c-radio__input:first-child {
margin-left: var(--pf-v5-c-radio__input--first-child--MarginLeft);
}
.pf-v5-c-radio__input:last-child {
margin-right: var(--pf-v5-c-radio__input--last-child--MarginRight);
}
.pf-v5-c-radio__description {
grid-column: 2;
font-size: var(--pf-v5-c-radio__description--FontSize);
color: var(--pf-v5-c-radio__description--Color);
}
.pf-v5-c-radio__body {
grid-column: 2;
margin-top: var(--pf-v5-c-radio__body--MarginTop);
}
.pf-v5-c-radio__label,
.pf-v5-c-radio__input {
justify-self: start;
}
label.pf-v5-c-radio,
.pf-v5-c-radio__label,
.pf-v5-c-radio__input {
cursor: pointer;
}
.pf-v5-c-radio__label:disabled,
.pf-v5-c-radio__label.pf-m-disabled,
.pf-v5-c-radio__input:disabled,
.pf-v5-c-radio__input.pf-m-disabled {
--pf-v5-c-radio__label--Color: var(--pf-v5-c-radio__label--disabled--Color);
cursor: not-allowed;
}
/* node_modules/@patternfly/react-styles/css/components/Check/check.css */
.pf-v5-c-check {
--pf-v5-c-check--GridGap: var(--pf-v5-global--spacer--xs) var(--pf-v5-global--spacer--sm);
--pf-v5-c-check__label--disabled--Color: var(--pf-v5-global--disabled-color--100);
--pf-v5-c-check__label--Color: var(--pf-v5-global--Color--100);
--pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
--pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md);
--pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--sm);
--pf-v5-c-check__input--Height: var(--pf-v5-c-check__label--FontSize);
--pf-v5-c-check__input--MarginTop: calc(((var(--pf-v5-c-check__label--FontSize) * var(--pf-v5-c-check__label--LineHeight)) - var(--pf-v5-c-check__input--Height)) / 2);
--pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm);
--pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200);
--pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm);
--pf-v5-c-check__label-required--MarginLeft: var(--pf-v5-global--spacer--xs);
--pf-v5-c-check__label-required--FontSize: var(--pf-v5-global--FontSize--sm);
--pf-v5-c-check__label-required--Color: var(--pf-v5-global--danger-color--100);
display: grid;
grid-template-columns: auto 1fr;
grid-gap: var(--pf-v5-c-check--GridGap);
}
.pf-v5-c-check.pf-m-standalone {
--pf-v5-c-check--GridGap: 0;
--pf-v5-c-check__input--Height: auto;
--pf-v5-c-check__input--MarginTop: 0;
display: inline-grid;
line-height: 1;
}
.pf-v5-c-check__label {
font-size: var(--pf-v5-c-check__label--FontSize);
font-weight: var(--pf-v5-c-check__label--FontWeight);
line-height: var(--pf-v5-c-check__label--LineHeight);
color: var(--pf-v5-c-check__label--Color);
}
.pf-v5-c-check__input {
height: var(--pf-v5-c-check__input--Height);
margin-top: var(--pf-v5-c-check__input--MarginTop);
}
.pf-v5-c-check__description {
grid-column: 2;
font-size: var(--pf-v5-c-check__description--FontSize);
color: var(--pf-v5-c-check__description--Color);
}
.pf-v5-c-check__body {
grid-column: 2;
margin-top: var(--pf-v5-c-check__body--MarginTop);
}
.pf-v5-c-check__label,
.pf-v5-c-check__input {
justify-self: start;
}
label.pf-v5-c-check,
.pf-v5-c-check__label,
.pf-v5-c-check__input {
cursor: pointer;
}
.pf-v5-c-check__label:disabled,
.pf-v5-c-check__label.pf-m-disabled,
.pf-v5-c-check__input:disabled,
.pf-v5-c-check__input.pf-m-disabled {
--pf-v5-c-check__label--Color: var(--pf-v5-c-check__label--disabled--Color);
cursor: not-allowed;
}
.pf-v5-c-check__label-required {
margin-left: var(--pf-v5-c-check__label-required--MarginLeft);
font-size: var(--pf-v5-c-check__label-required--FontSize);
color: var(--pf-v5-c-check__label-required--Color);
}
/* src/app.scss */
.pf-v5-t-light {
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
--pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
--pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
--pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
--pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
}
.pf-v5-t-dark {
--pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
--pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100);
--pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--light-100);
--pf-v5-global--link--Color: var(--pf-v5-global--link--Color--light);
--pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--light);
--pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100);
}
.pf-v5-t-dark.pf-m-transparent {
background-color: transparent;
}
.pf-v5-t-dark.pf-m-transparent-100 {
background-color: rgba(3, 3, 3, 0.42);
}
.pf-v5-t-dark.pf-m-transparent-200 {
background-color: rgba(3, 3, 3, 0.6);
}
.pf-v5-t-dark.pf-m-opaque-100 {
background-color: #3c3f42;
}
.pf-v5-t-dark.pf-m-opaque-200 {
background-color: #151515;
}
.pf-v5-t-light.pf-m-transparent {
background-color: transparent;
}
.pf-v5-t-light.pf-m-opaque-100 {
background-color: #fff;
}
.pf-v5-t-light.pf-m-opaque-200 {
background-color: #fafafa;
}
.pf-v5-t-light.pf-m-opaque-300 {
background-color: #f0f0f0;
}
.pf-v5-c-input-group__text {
padding-inline: var(--pf-v5-global--spacer--sm);
}
.pf-v5-c-select[data-popper-reference-hidden=false] {
inline-size: auto;
}
.pf-v5-theme-dark .pf-v5-c-alert.pf-m-custom {
--pf-v5-c-alert--BackgroundColor: var(--pf-v5-global--palette--black-600);
--pf-v5-c-alert__title--Color: var(--pf-v5-global--custom-color--200);
}
.pf-v5-c-about-modal-box__close {
--pf-v5-c-about-modal-box__close--c-button--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
--pf-v5-c-about-modal-box__close--c-button--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-400);
}
.ct-m-nav__tertiary-wrap .pf-v5-c-nav__list {
flex-wrap: wrap;
}
.ct-m-nav__tertiary-wrap .pf-v5-c-nav__scroll-button {
display: none;
}
.ct-m-nav__tertiary-center .pf-v5-c-nav__list {
justify-content: center;
}
.pf-v5-c-tabs__list {
flex-wrap: wrap;
}
ul.pf-v5-c-select__menu {
max-block-size: min(20rem, 50vh);
overflow-y: auto;
}
select.pf-v5-c-form-control {
--pf-v5-c-form-control--PaddingRight: 41px;
--pf-v5-c-form-control--PaddingLeft: 8px;
}
@-moz-document url-prefix() {
select.pf-v5-c-form-control {
--pf-v5-c-form-control--PaddingRight: 37px;
--pf-v5-c-form-control--PaddingLeft: 4px;
}
}
.pf-v5-c-description-list.pf-m-horizontal-on-sm,
.pf-v5-c-description-list.pf-m-horizontal {
--pf-v5-c-description-list--RowGap: 1rem;
}
.pf-v5-c-description-list > hr {
border-block-start: none;
}
.pf-v5-c-modal-box.pf-m-align-top .pf-v5-c-modal-box__footer {
flex-wrap: wrap;
row-gap: var(--pf-v5-global--spacer--sm);
}
.pf-v5-c-modal-box.pf-m-align-top .pf-v5-c-modal-box__footer > div:not(.pf-v5-c-button):not(.dialog-wait-ct) {
flex: 0 0 100%;
}
.pf-v5-c-card {
--pf-v5-c-card__header-toggle--MarginTop: 0;
}
.pf-v5-c-card .pf-v5-c-card__header:not(.ct-card-expandable-header),
.pf-v5-c-card .pf-v5-c-card__header:not(.ct-card-expandable-header) .pf-v5-c-card__header-main {
display: flex;
flex-wrap: wrap;
row-gap: var(--pf-v5-global--spacer--sm);
justify-content: space-between;
}
.pf-v5-c-card .pf-v5-c-card__header:not(.ct-card-expandable-header) > .pf-v5-c-card__actions {
flex-wrap: wrap;
row-gap: var(--pf-v5-global--spacer--sm);
margin: unset;
padding-inline: var(--pf-v5-c-card__actions--PaddingLeft) unset;
}
.pf-v5-c-form__group-control .pf-v5-c-form__group,
.pf-v5-c-form__group-control .pf-v5-c-form__section {
padding-block-start: var(--pf-v5-global--spacer--md);
}
.pf-v5-c-alert__title {
font-size: inherit;
font-family: inherit;
}
@media screen and (max-width: 991px) {
.pf-v5-c-toolbar.ct-compact {
display: flex;
flex-wrap: wrap;
}
.pf-v5-c-toolbar.ct-compact > .pf-v5-c-toolbar__content:first-child {
flex: auto;
}
.pf-v5-c-toolbar.ct-compact .pf-v5-c-toolbar__content-section {
inline-size: auto;
}
}
.pf-v5-c-modal-box .pf-v5-c-alert + .pf-v5-c-form {
padding-block-start: var(--pf-v5-global--FontSize--sm);
}
.pf-v5-c-toolbar__toggle .pf-v5-c-button.pf-m-plain {
color: var(--pf-v5-c-button--m-link--Color);
}
.pf-v5-c-toolbar__toggle .pf-v5-c-button.pf-m-plain .pf-v5-c-button__icon {
margin-inline-end: var(--pf-v5-global--spacer--sm);
}
.pf-v5-l-flex {
gap: var(--pf-v5-l-flex--spacer-base);
}
.pf-v5-l-flex > :not(.pf-v5-l-flex) {
--pf-v5-l-flex--spacer-base: 0;
}
.pf-v5-l-flex[class*=pf-m-space-items-] > * {
--pf-v5-l-flex--spacer: 0;
}
.pf-v5-l-flex[class*=pf-m-space-items-none] {
--pf-v5-l-flex--spacer-base: var(--pf-v5-l-flex--spacer--none);
}
.pf-v5-l-flex[class*=pf-m-space-items-xs] {
--pf-v5-l-flex--spacer-base: var(--pf-v5-l-flex--spacer--xs);
}
.pf-v5-l-flex[class*=pf-m-space-items-sm] {
--pf-v5-l-flex--spacer-base: var(--pf-v5-l-flex--spacer--sm);
}
.pf-v5-l-flex[class*=pf-m-space-items-md] {
--pf-v5-l-flex--spacer-base: var(--pf-v5-l-flex--spacer--md);
}
.pf-v5-l-flex[class*=pf-m-space-items-lg] {
--pf-v5-l-flex--spacer-base: var(--pf-v5-l-flex--spacer--lg);
}
.pf-v5-l-flex[class*=pf-m-space-items-xl] {
--pf-v5-l-flex--spacer-base: var(--pf-v5-l-flex--spacer--xl);
}
.pf-v5-l-flex[class*=pf-m-space-items-2xl] {
--pf-v5-l-flex--spacer-base: var(--pf-v5-l-flex--spacer--2xl);
}
.pf-v5-l-flex[class*=pf-m-space-items-3xl] {
--pf-v5-l-flex--spacer-base: var(--pf-v5-l-flex--spacer--3xl);
}
.pf-v5-l-flex[class*=pf-m-space-items-4xl] {
--pf-v5-l-flex--spacer-base: var(--pf-v5-l-flex--spacer--4xl);
}
.pf-v5-c-search-input__menu.pf-v5-c-panel {
position: absolute;
inline-size: 100%;
}
.pf-v5-c-breadcrumb__link {
cursor: pointer;
}
.pf-v5-c-page__main-group,
.pf-v5-c-page__main-nav,
.pf-v5-c-page__main-section.pf-m-light:not(:last-child) {
z-index: var(--pf-v5-c-page--section--m-shadow-bottom--ZIndex);
box-shadow: var(--pf-v5-c-page--section--m-shadow-bottom--BoxShadow);
}
.pf-v5-theme-dark .pf-v5-c-page__main-section {
--pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300);
}
.pf-v5-theme-dark .pf-v5-c-page__main-breadcrumb {
--pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
background-color: var(--pf-v5-global--BackgroundColor--dark-100);
}
.pf-v5-theme-dark .pf-v5-c-text-input-group {
background-color: var(--pf-v5-global--BackgroundColor--400);
}
.pf-v5-theme-dark .pf-v5-c-text-input-group .pf-v5-c-text-input-group__text::before {
border-block-start-color: transparent;
border-inline-end-color: transparent;
border-inline-start-color: transparent;
}
.pf-v5-theme-dark .pf-v5-c-text-input-group .pf-v5-c-text-input-group__text:is(:focus, :hover)::after {
border-block-end-color: var(--pf-v5-global--active-color--100);
}
.pf-v5-theme-dark .pf-v5-c-text-input-group .pf-v5-c-text-input-group__text:not(:focus):not(:hover)::after {
border-block-end-color: var(--pf-v5-global--BorderColor--400);
}
.pf-v5-theme-dark .pf-v5-c-label {
--pf-v5-c-label--m-gold--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
--pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-100);
}
.pf-v5-theme-dark .pf-v5-c-label.pf-m-gold {
--pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-gold__content--Color);
}
.pf-v5-theme-dark .pf-v5-c-modal-box .pf-v5-c-table {
background-color: inherit;
}
.pf-v5-c-button__icon.pf-m-start {
margin-inline: 0 var(--pf-v5-c-button__icon--m-start--MarginRight);
}
.pf-v5-c-masthead__content {
margin-inline: auto var(--pf-v5-c-masthead__content--MarginLeft);
}
.pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-right,
.pf-v5-c-dropdown__menu.pf-m-align-right {
inset-inline: auto 0;
}
.pf-v5-c-modal-box__header {
padding-inline: var(--pf-v5-c-modal-box__header--PaddingRight) var(--pf-v5-c-modal-box__header--PaddingLeft);
}
.pf-v5-c-modal-box__close {
text-align: end;
inset-inline: auto var(--pf-v5-c-modal-box__close--Right);
}
.pf-v5-c-modal-box__close + * {
margin-inline: 0 var(--pf-v5-c-modal-box__close--sibling--MarginRight);
}
.pf-v5-c-menu__item-main {
text-align: start;
}
.pf-v5-c-button.pf-m-link.pf-m-inline {
text-align: start;
}
.pf-v5-c-alert__icon {
margin-inline: 0 var(--pf-v5-c-alert__icon--MarginRight);
}
.pf-v5-c-card__actions {
padding-inline: var(--pf-v5-c-card__actions--PaddingLeft) 0;
}
.pf-v5-c-table tr > * {
padding-inline: var(--pf-v5-c-table--cell--PaddingLeft) var(--pf-v5-c-table--cell--PaddingRight);
}
.pf-v5-c-description-list__term,
.pf-v5-c-description-list__description {
text-align: start;
}
.pf-v5-c-about-modal-box__close {
padding-inline: 0 var(--pf-v5-c-about-modal-box__close--PaddingRight);
}
.pf-v5-c-card__header-toggle {
margin-inline: var(--pf-v5-c-card__header-toggle--MarginLeft) var(--pf-v5-c-card__header-toggle--MarginRight);
}
[dir=rtl] .pf-v5-c-card__header-toggle {
transform: scaleX(-1);
}
.pf-v5-c-select__toggle {
padding-inline: var(--pf-v5-c-select__toggle--PaddingLeft) var(--pf-v5-c-select__toggle--PaddingRight);
}
* + .pf-v5-c-select__toggle-arrow {
margin-inline: var(--pf-v5-c-select__toggle-arrow--MarginLeft) var(--pf-v5-c-select__toggle-arrow--MarginRight);
}
.pf-v5-c-select__toggle .pf-v5-c-select__toggle-clear {
padding-inline: var(--pf-v5-c-select__toggle-clear--PaddingLeft) var(--pf-v5-c-select__toggle-clear--PaddingRight);
}
.pf-v5-c-select__menu-item {
padding-inline: var(--pf-v5-c-select__menu-item--PaddingLeft) var(--pf-v5-c-select__menu-item--PaddingRight);
text-align: start;
}
.pf-v5-c-select__menu-item-icon {
inset-inline: auto var(--pf-v5-c-select__menu-item-icon--Right);
}
.pf-v5-c-text-input-group__text-input {
padding-inline: var(--pf-v5-c-text-input-group__text-input--PaddingLeft) var(--pf-v5-c-text-input-group__text-input--PaddingRight);
}
.pf-v5-c-text-input-group__icon {
inset-inline: var(--pf-v5-c-text-input-group__icon--Left) 0;
}
.pf-v5-c-data-list__item-action {
margin-inline: var(--pf-v5-c-data-list__item-action--MarginLeft) 0;
}
.pf-v5-l-flex > .pf-m-align-right {
margin-inline: auto 0;
}
[dir=rtl] .pf-m-split-button button::before {
transform: scaleX(-1);
}
[dir=rtl] .pf-v5-c-button > .pf-v5-svg {
transform: scaleX(-1);
}
[dir=rtl] .pf-v5-c-expandable-section__toggle-icon {
transform: scaleX(-1);
}
[dir=rtl] .pf-v5-c-dropdown__toggle-image {
margin-inline-end: unset;
gap: var(--pf-v5-c-dropdown__toggle-image--MarginRight);
}
[dir=rtl] body,
[dir=rtl] td,
[dir=rtl] th {
text-align: start;
}
[dir=rtl] .pf-v5-c-nav__link.pf-m-current::after,
[dir=rtl] .pf-v5-c-nav__link.pf-m-current:hover::after,
[dir=rtl] .pf-v5-c-nav__link.pf-m-current:not(.pf-m-expanded) .pf-v5-c-nav__link::after {
inline-size: 100%;
transform: scaleX(-1);
}
[dir=rtl] .pf-v5-c-toolbar__content {
margin-inline: 0 auto;
}
[dir=rtl] .pf-v5-c-dropdown__toggle-image {
margin-inline: var(--pf-v5-c-dropdown__toggle-image--MarginRight) 0;
}
[dir=rtl] .pf-v5-c-dropdown__toggle-icon {
margin-inline: var(--pf-v5-c-dropdown__toggle-icon--MarginRight) var(--pf-v5-c-dropdown__toggle-icon--MarginLeft);
}
[dir=rtl] .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-right,
[dir=rtl] .pf-v5-c-dropdown__menu.pf-m-align-right {
inset-inline: 0 unset;
}
[dir=rtl] .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-left,
[dir=rtl] .pf-v5-c-dropdown__menu.pf-m-align-left {
inset-inline: unset 0;
}
[dir=rtl] .pf-v5-c-dropdown__menu-item {
text-align: start;
}
[dir=rtl] .pf-v5-c-dropdown__menu-item-icon {
margin-inline: 0 var(--pf-v5-c-dropdown__menu-item-icon--MarginRight);
}
[dir=rtl] a[target] svg {
transform: scaleX(-1);
}
[dir=rtl] .pf-v5-c-button__icon.pf-m-end {
margin-inline: var(--pf-v5-c-button__icon--m-end--MarginLeft) 0;
}
[dir=rtl] .pf-v5-c-breadcrumb__item-divider {
transform: scaleX(-1);
margin-inline: 0 var(--pf-v5-c-breadcrumb__item-divider--MarginRight);
}
@media screen and (max-width: 576px) {
.pf-v5-c-page__main > section.pf-v5-c-page__main-section:not(.pf-m-padding) {
padding-inline: 0;
}
}
@font-face {
unicode-range: U+0030;
font-family: RedHatText;
font-style: normal;
font-weight: 400;
src: url(data:font/woff2;base64,d09GMgABAAAAAAe8ABAAAAAAHEQAAAdfAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGVA/RkZUTRwaGBuaeBxuBmAAgkIRCAqBAIEICwwAATYCJAMUBCAFk0wHNRsqG1FUjgoEfz9ujIGNa3r1k8ghpztyImrCBYeonxUhtHdiJ+VxOsW1XvMb+MfL1IXbjodirvftJrlLmXk8oXAIGtz3ZWMrDLGtwvP7dO1vUK18MEuOuwr1HGbdxvxtJkjRURZ0AACm/+Q57n/s4iCgJJL8gTb8spMpWXyTfaB1cheGpDVP+q9RXC7EbPF87t79W+ptEWcSRJxLBcrqiyc9mJ/A5OTLl8rkeDKpTCaVSqRSeRKJRCKRJ6lV11TVDu9HyuJ0/Y9TL5b/hy5+R0aejKwkK8mXBOLAMYRbAP/3rn1aYAcsaY7cXWsUktB1QLOX5Gj3FzgHqMqYN5+yBWRFikmVJYERwEKRA5YVBoWr1JXdhjkRb+jfXuUqsphizGjMnud5RoEapc7yJhDeW1SeZtBWnpvP6D8mOcO8dhBSraNojaD2yybgbQPwhjbA2xMCHdEVJEokAu2t9Yp/EWNaoYXAQK3LPs8IEysenyvh2++a4Tsfb0To2HHUVRk68cYrZfpQy05dn0A66VSbbF6hjflJMm9Q4RWVFEBMaI5CFkyaph/NGFGHKzOpeYPeeusrrfoL30CHAjIyjDLJn/GXjQJSMhSG16nl6boWG2QPw4vDk5q39d2BXlhvqrHx5IoCRAZcxvNOMgGQdGa3It3wh0L1cq0yZS93LQasSKAXZKHF5T/jpNed7iewLTa3BLO3HQ1chV4/PqWW5xsv9scjxfLEvg6W66ymBWQLnF4HwG05Qpjl+0Mt3yccNMDFALN63HnhmwhUAJgBUEJ01QXSVgLLZUjnGeAUbel0vddcbCr2SsAlQulrmmtzEqdHsVAOfeWleo/JPLQOamTU66LjeNhzp6KqAKB1MLTQBx8Uae18DIfaBXcA43mTUQeLmrBAwtF8Fy1NAslad5ibzH4kuMkgqErYAITmyx40CQlJ7dTem8p1V1IvnRFDsnzeUQe+aPuhHgG95VfxBtGxZoZJIF8r8p9XmYjEGxId7kNBPkX6ZksLGbHULnNBv5t2vKjt1nwQy2RXecnhRbVxpSMPi83HqMSQdRjE6NC0oEOdCTlVp3RmQebQbDTfd+E4OkYMPkagMB7MMPPbJzLYBXAVDQJYK3WrCOgXKXJ5hgdPgi+g90EfCHrjAAyGAxYFWZXHcGXhJ9Tg7OiH21m2gmfWFKi20Wo8Fn1TaG9iJiMNhT01isE6Qvcm9RoGQS/YLXVkx2XaQv4maOZD2wWPr8rbmZXzhscBbT4r2qJHotccXba3jCDkSZftjYHIKk5GPyXQfSgKNpUYOdkzRxW9rW7DaFEgoHJdZoaGC2BoFF4xMOqN5kS0/PNMJBgD6B4HQxayhVWEIHBcS5MOpQdgb4JQPebjAXMo3pabQwRzohBGV30Go/tBZr+aP5dVaWTQLzQE6snLfFBLG3ktDbDB3oQ4jHosgoyqKDMaRfEYTk7gKBgLbFo3Jg7V1Irfb3Wuo8B9gPiWAENpKFBgIAEWaqFSZiiY6kuBqS2vuH+AaBCASCSFGoe/icLdLQrRYgBUoD1KDAXTAZQASFkXTvv+yB20DbvmmL/ndTqfMVDiT7SITwPFfydBBs3A8LD73aoGzdv55V+pTP9sAhCIvP2w2u7IgN+p+LZo4exWW8+1pJYgkAtG5QiyRQ4LqoD/PmITkA9s5V6sEqh0pYFECCwFwNC4RAD2+YcAoWOMJUBqxioIUBgUVwlQ6hmvAZVOmQI0dM/ZBGjalwNqXYqLEKCdLkUbAdq723oBHfStHhGgo97VF0AndzuEAJ0NaP4EdDdaT9MiynZ4Avgg9I3OkDrHLCjMj01QGhttUOkfX6BhZHaFpidagdrgYo9vu8DL0D6G90voYGp1HDqaWL2CTjF8/IPOZjef/gu6W66bVsgVfikhX4CRupq6TeRZwEUeuRzkksTIPSUXcdkYOVJhgZxSIssCjBVK2wwGX4gFKhadLZcy4LM7L+qOxxOyhaQk6Ejnchm2Atvk4XJp9Wykhn90HbqUvDyHbUGlLZ8X/RB+yEFlzV/sENPhgW+dyD7HbRtnvgK64z9z/WD4IdzyL/vrCb5KUqRgL+V9gGn0v/D+GnY0nbhh2vk9osu2G1CDTZtcqzd2+tEFO4khorWB4FwD7QhObbCD7uVubobyQza9yZpYiWo0ZM6BRlOJ/k62KJ+tiHYGkk+RUutIGj2xdQeb8gqJOq9Tr3dzHPI6XKhEaJ0NeZLzsG+S4qLA/IQTxDHLLORUvlCOrzI5QwlPrpjyThGjIGgmECZItiwss4xT+CKps5O+SKGEZEm4yHduMQitPPLg2zjbRkKQJVtsYxZYSVeC5uvSOZDPcOecCUs5sLfwTQescCutiZZg9H66MvflaXyLncfLRP+Q9s7YYoJBaHRhkz5y+KMHkrxNcmEXqS7LMFm5svK7cxOE8r9LB9albLEE+80Cl7eGlTrlqR0nS1dQgkQ3bYuWJLrmZTiraE+GjP8IPrtDF85Ce3Y081ATaMVR2G+FkHpE1ksdy3WWFgAA);
}
@font-face {
unicode-range: U+0030;
font-family: RedHatText;
font-style: italic;
font-weight: 400;
src: url(data:font/woff2;base64,d09GMgABAAAAAARQAAsAAAAADYwAAAQEAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgkIRCAqBKIE/CwwAATYCJAMUBCAFkz0HIBvTDBGVnFUBfhzYbVYrgpXBW2mcjbMQzKj2CJ7Xi/85N8mCj8I31EGoJLfybs1VZl6ZyBK4Vh2jT3nLs5sj4dUngEuZ1e+dluoRtq0zKIlQcJ/3KFXzHQpsqVVIHAiJKjWtCRXZx1eZiYvUsXGRKq/wZqa/mnANebooLlGQzkvbYH3zQmMn02IhKYosT9HMsus4eAn7YwxsuHz9BsIUU7K//3+D7O+YisshfkyPYohAhgwDBFggExggNwS5XGBKp5Ns77wjgCgJZxAJSUd/+EtkvGcTotPRBgWoIcdUbAJoACBJzValtf/57znl3Xdr570fp36y5XnFPKe8Vz//gw/i1Pe/mp7yyQfnv/fhbu++FwW2/uD992tAS899ft8Trzjx6K1fv+LYrcLjHn6ydsziJQfvs/T+vXbd9uCNvNW7bXOQc2rfHfXM6M2tz2QH3HJDdeOhZ6/bcNr60+5qHVurzlm/8V2ceq8KTOj8lrZLLwhEuvjgRyZds3N7wW+VevYjfH7H+xfAF1/9ejG89NDNSUUCgYkJtRFiwh566jiLuf8msSHpIqvTNiYIFPpLICEElgAYEmcJwLYeEiA0YowASSmWC5AZEGcIkOseLwlQaMZfApR0TeMFKNs2/SRARTvbX4DquPJK1Fyav4G6PsXlaOhVfIymS8s90dK//MXJ3XSvDJeJvIoH8BD6RAtJI2YiMyfWITcqrkehX3yGkmGpjLIH0kJUDMrWS6vK41GLYdmdqJtS7IqGCcVdaMaw4ie0zCrfelfdjCoT/mNmMPqRhFKFoYAn4EN3lRy6ymXQGkHdzZk0qOVSDE28sMpAUpCmwthIibhcJeFtfkk4UoOOS9ucfNVJoSCkBNJCfGRp0GM6WHHSAca2e5XjNc9wTbxfzu6Ea9L+bzesFFy9ku2ECd4U8btM2SS6R3W0Dm7Nvct9MWBCd3CGAGwwMUlgN3wZ49tTAJ/DEwjFDmZ29mJ3cIrNNpFQ8POCMF6hO2OBiJHTJl2hWM1IqAmEdGPw2aecpAiDHtYuOAoWBOgaRC0j30/SgKTns3uMlCTSsaA5LIXzPVMpqbNQ3zXGyb+rCAq66SboZlBgH0TKIZRZb8TDpTTgfRmXZlLpYu2obzb24skIX0S9eU9FapWzKOozbZflzSW6GXkjQoskWjn00StBUChOXManswhawW0pKUkYMcWhCC3HQCq5Tpb2YA+VVMJP/LjFHXYFe5++22b/HhYBgX2DvWDJMKYOJMjwm/C3tCQUO7kgcYS2wn4xVlSi3TUef1ruwTWOT/dsRyfVaLGfUW7bTbBL7u/Spt0zJvsrQ671aEScUIObukdTouZX0C1qsUxUSreOW5fgH/+/9g2dIwMA);
}
@font-face {
unicode-range: U+0030;
font-family: RedHatText;
font-style: normal;
font-weight: 700;
src: url(data:font/woff2;base64,d09GMgABAAAAAARYAAsAAAAADewAAAQLAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgkIRCAqBBIEUCwwAATYCJAMUBCAFlEEHIBssDRHF5AH4ceCUZY9pfajQk3kIirq5CjGXcNU3dzw879+/rX1uIKlLfhd0AMukgzVCNamGesTI7ZlyoyVrc1NnSh8mwlFTCbdmKtP+Dit8tlI4uJx+ywNd5wGHgUayB46pjw3cEzAMA9obaA2wrQFmmmYhpw1jFzajZpAvnYxflbQxTcLQpXLM0Ca6k6JAlq87j+w4K3uxFI1geN+hw/TSSqvs7/9fkv0drbEL4rd0DbUEMmSoJkA3mUA1+dRCPvkEWuVy9Wvk3gogChCASEg2jMM3kQFbCpHLeQX5QRHkQwN0AuQDQJKKgBaFvt38Uaz7eMt7a7/Z9PEZ8aON78yfr31ftGdVrYts/HLjRxs+3vR+/avCjj48fmJf0pGHJ47HC07O3LomD7Q8+b81b41tT7+YcqBX76kHP6toeve6uOr7HbdHcPpTA4FI2z6r8ajDzNduv61o9gG+OvXRHvj62x9Z3dxvaeV5iEISCMRN8R8greRLWf67/xgxnHRSmzRJXYH8ykkgIQR6AagXFwRgsnMChLLRQYCkYEwRIFMtDguQT9n4VoD8iqfSAhRQOvUVoKDJWWEBCimZbRCgsJLZWQGK2JHvOwGK0qrU0zRQTIX+TAPF7ShYAw2UUPX+QQOlPK2B0h43qH8Zn1vtTryFcQacQ2iQEpCUyBDIdMocyKdBLkN+VfIbFFDn1ISCzqQTFFLjmYspTNgFRVLn7i4U1ap5UEyz3oPiqfNYGErocG9CKX8rC6U9rcsvKCO/kQYSqRuJuDwMtTW1taAjjw3t2SxoSmBoS0r4bCaGejLMk5AUVORhLKV0NTS4CPNkDHWmRKTxbV7zrA2Hg5iIED5xz1gixkpA9eTYMhodPRv3toVTwYZzfnC4qGIhd21cYi8zNAv28+xKENSUf4kTUDV3CeiKHtmuZ5iVq4VkIvBLjqMuL1k33vskVyY0SJAOHQrQWp1NH+/QrQwsLOn0E/yJTk3V+ls1HV21l+kE5fySUAsfcTET7pUUkoghMeVgReYSIGkgqh/yvZMCCzNqeIwJLkmIVKFwqAij/piFK0VURf4O8Tvu43iIgnSaBx0kHOxCkGz4FBoi5j/kigfE2TnGwkg58w7pYGap20if9/p69PIrmKo/EcXZ83nb778FJJpPOBNISDCEbOjCr5wnOFjXszsvzLpQFCxKMUkkxZQ6hYTqEpKrYWNsCYyvHC4RuAopKPidh9FUe5gtE2nhvsDPoN1DZrBablAY/vtRWGYtRDj3dii4i2KFX/5YnaLQ3Jx/M14CbaSX7fC6iCkQYjcpW2xHgXndGplBaGzmiD8/n4udCiLBhyIarSIVSpzlI9gYQiEnAv1uYLpLNP0kBmgE4daZBPYHprlOLAA=);
}
@font-face {
unicode-range: U+0030;
font-family: RedHatText;
font-style: italic;
font-weight: 700;
src: url(data:font/woff2;base64,d09GMgABAAAAAASEAAsAAAAADlwAAAQ2AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgkIRCAqBFIEsCwwAATYCJAMUBCAFlSEHIBukDRGVnM0Bfh7YtpMt1pMMwRCUu0ZjuTUEq7QbeQVD9K0cz/Ot8btvZnf/YKZJNFnHE01D/RnzSKWKhUyUChVONznY33vvR2dGwQ2aI5GoNmehLcEOiWwABJeyW3OVmVcm8ohUq47RZ7FbwPRAePVny2WpHmHbKIFFSYTiZgv0eNbhCK663oXEgZAouis1niAM8d0RrIJ/++6lfvsW4tlZz+XCcgddeYS86ClXUGEcuZ9pztoaHSVD7Uom1PoYXN4HzmM1HDvo8UJstrl+/duh/ooIdyFfyySwWFBRMV/ALlUwX2cxOp1g8////ez/7wTIYNOHFBRPpuM3UT2dduT/fwTQg7HosBaHAOMBUJSJ41s7f/UIRt8fohuPkYqTk0DjIYx+wDSdIBXHF4dHTScnx41XjWvbCeXg09bl7Kq2spLoZndx7KxpLys+bE+xPzlSvtEU9Kdaw+XrzSFfCjx7S7xYdVVkdxPPNt0V6Tn3pXNM35O5+5Lj8TVY8f+1pJQVQcrNGpprY9Ik7deGqZ/h49BxJ+DT3euFXl45vWgKCHjCmw1FF5wzw5Or//U/Ro5RHsGeErZC0JurgIII9gFYngkI4ITnAmJa5AKKIccFVEvTCwGdufkT0JtQdggYzCr5AkacqAYBzaT6BgLGmFS/CBjrdk8VMM7s/k7AeDMHpoAJbo+kCZhoXuMJmGx828MUE9q1+VPNbbuqdGPwlM8QK4OHYnwOQ3UoSdDZnlXozS1EGGwsFhjxtDRBs7B2yceo12BsltZPGGdzPw7jre+/YEKWDgaYaOfIK0w2u7lgirlNLucvmGpSt7lM7qfkWAGGRgZGhtBDQEM3moI2CEMXpUxIkxiaqrFAplRBDQHGchVPX5/lsEBN6JEyib5sun/VmWE4kkNiintWMinWBKkq1j5mPQKNN61wQ1xoZ4PJlTQWfjfEOg5qkYlI9NKWD4LKvsIBWNs3wdfAg/b9JD/GK04tASqxsZdO7i0AsMW2oxcemJdGiAQY6v2hj4/5jub2DnznuBqjbimBQcMNRmM/O3D5FqNuVZcqy4v1JSg8sy8eXD/7opUqTiaFNzdUr4ltdQWPsnLjOwlH+QU1zSZWiSQ6EEejweUpky0p6SA48swT/xBwKuiT9El+l5vYD1LSkIqGHupwVyFgqz9rKPLSzaGjvds6iLOcPkV66UGKvJMJY/hKQzuzbm7RfuSNODEixDT0CVekwI2Yun7uzTyIAlGRSAvNsUrPEhHr4Wac1Xe2cgCFYQwS3sbkcQPzJRV0vfftYZIvhIHN7j0prlgOThTI+EtwCbhkFD29IrGHWGFLMysqF5fCO59XB/DG+Xle3pOQIjH2k9PYLoHSvy+RUVwIR/xlEFc+BxEXVNQ/eHIo4f1HsH/OR5zIVm52mVCpjKZqyJHY+j1zNf8f/y+v5iopAAAAAA==);
}
h1 {
--ct-heading-font-size: var(--pf-v5-global--FontSize--4xl);
}
h2 {
--ct-heading-font-size: var(--pf-v5-global--FontSize--3xl);
}
h3 {
--ct-heading-font-size: var(--pf-v5-global--FontSize--2xl);
}
h4 {
--ct-heading-font-size: var(--pf-v5-global--FontSize--lg);
}
h1:not([class*=pf-]):not([data-pf-content=true]),
h2:not([class*=pf-]):not([data-pf-content=true]),
h3:not([class*=pf-]):not([data-pf-content=true]),
h4:not([class*=pf-]):not([data-pf-content=true]) {
font-size: var(--ct-heading-font-size);
}
a {
cursor: pointer;
}
.disabled {
pointer-events: auto;
}
.btn {
min-block-size: 26px;
min-inline-size: 26px;
}
.btn.disabled,
.pf-v5-c-button.disabled {
pointer-events: auto;
}
.btn.disabled:hover,
.pf-v5-c-button.disabled:hover {
z-index: auto;
}
.btn-group {
display: inline-flex;
}
a.disabled {
cursor: not-allowed !important;
text-decoration: none;
pointer-events: none;
color: #8b8d8f;
}
a.disabled:hover {
text-decoration: none;
}
.highlight-ct {
background-color: var(--ct-color-link-hover-bg);
}
.curtains-ct {
inline-size: 100%;
}
.ct-new-item {
animation: ctNewRow 4s ease-in;
}
:root {
--ct-animation-new-background: #fdf4dd;
}
.pf-v5-theme-dark {
--ct-animation-new-background: #353428;
}
@keyframes ctNewRow {
0% {
background-color: var(--ct-animation-new-background);
}
50% {
background-color: var(--ct-animation-new-background);
}
}
.dialog-wait-ct {
margin-inline-start: auto;
display: flex;
column-gap: var(--pf-v5-global--spacer--sm);
align-items: center;
}
:root {
--ct-color-light-red: #f8cccc;
--ct-color-red-hat-red: #e00;
--ct-global--palette--black-250: #e6e6e6;
--ct-color-fg: var(--pf-v5-global--color--100);
--ct-color-bg: var(--pf-v5-global--BackgroundColor--100);
--ct-color-text: var(--ct-color-fg);
--ct-color-link: var(--pf-v5-global--active-color--100);
--ct-color-link-visited: var(--pf-v5-global--active-color--100);
--ct-color-subtle-copy: var(--pf-v5-global--disabled-color--100);
--ct-color-border: var(--pf-v5-global--BorderColor--100);
--ct-color-link-hover-bg: var(--pf-v5-global--palette--light-blue-100);
--ct-color-list-text: var(--ct-color-text);
--ct-color-list-link: var(--ct-color-link);
--ct-color-list-bg: var(--ct-color-bg);
--ct-color-list-border: var(--ct-color-border);
--ct-color-list-hover-text: var(--ct-color-link);
--ct-color-list-hover-bg: var(--pf-v5-global--BackgroundColor--150);
--ct-color-list-hover-border: var(--pf-v5-global--BackgroundColor--150);
--ct-color-list-hover-icon: var(--pf-v5-global--palette--light-blue-400);
--ct-color-list-selected-text: var(--ct-color-link);
--ct-color-list-selected-bg: var(--pf-v5-global--BackgroundColor--150);
--ct-color-list-selected-border: var(--pf-v5-global--BackgroundColor--150);
--ct-color-list-active-text: var(--pf-v5-global--palette--blue-500);
--ct-color-list-active-bg: var(--ct-color-bg);
--ct-color-list-active-border: var(--ct-color-list-border);
--ct-color-list-critical-bg: var(--pf-v5-global--palette--red-50);
--ct-color-list-critical-border: #e6bcbc;
--ct-color-list-critical-alert-text: var(--pf-v5-global--palette--red-200);
}
.pf-v5-theme-dark {
--ct-color-list-critical-bg: #261213;
--ct-color-list-critical-border: var(--pf-v5-global--danger-color--200);
--ct-color-list-critical-alert-text: var(--pf-v5-global--palette--red-8888);
}
[hidden] {
display: none !important;
}
html:not(.index-page) body {
overflow-block: hidden;
}
html:not(.index-page) body .ct-page-fill {
block-size: 100% !important;
}
.ct-icon-info-circle {
color: var(--pf-v5-global--info-color--100);
}
.ct-icon-exclamation-triangle {
color: var(--pf-v5-global--warning-color--100);
}
.ct-icon-times-circle {
color: var(--pf-v5-global--danger-color--100);
}
.pf-v5-c-page__main-breadcrumb .pf-v5-c-button {
--offset: calc(-1 * var(--pf-v5-global--spacer--sm));
margin-block: var(--offset);
}
main.pixel-test {
overflow-y: clip;
}
p {
font-weight: bold;
}
/*# sourceMappingURL=index.css.map */
|
