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 2934 2935 2936 2937 2938 2939 2940 2941 2942 2943 2944 2945 2946 2947 2948 2949 2950 2951 2952 2953 2954 2955 2956 2957 2958 2959 2960 2961 2962 2963 2964 2965 2966 2967 2968 2969 2970 2971 2972 2973 2974 2975 2976 2977 2978 2979 2980 2981 2982 2983 2984 2985 2986 2987 2988 2989 2990 2991 2992 2993 2994 2995 2996 2997 2998 2999 3000 3001 3002 3003 3004 3005 3006 3007 3008 3009 3010 3011 3012 3013 3014 3015 3016 3017 3018 3019 3020 3021 3022 3023 3024 3025 3026 3027 3028 3029 3030 3031 3032 3033 3034 3035 3036 3037 3038 3039 3040 3041 3042 3043 3044 3045 3046 3047 3048 3049 3050 3051 3052 3053 3054 3055 3056 3057 3058 3059 3060 3061 3062 3063 3064 3065 3066 3067 3068 3069 3070 3071 3072 3073 3074 3075 3076 3077 3078 3079 3080 3081 3082 3083 3084 3085 3086 3087 3088 3089 3090 3091 3092 3093 3094 3095 3096 3097 3098 3099 3100 3101 3102 3103 3104 3105 3106 3107 3108 3109 3110 3111 3112 3113 3114 3115 3116 3117 3118 3119 3120 3121 3122 3123 3124 3125 3126 3127 3128 3129 3130 3131 3132 3133 3134 3135 3136 3137 3138 3139 3140 3141 3142 3143 3144 3145 3146 3147 3148 3149 3150 3151 3152 3153 3154 3155 3156 3157 3158 3159 3160 3161 3162 3163 3164 3165 3166 3167 3168 3169 3170 3171 3172 3173 3174 3175 3176 3177 3178 3179 3180 3181 3182 3183 3184 3185 3186 3187 3188 3189 3190 3191 3192 3193 3194 3195 3196 3197 3198 3199 3200 3201 3202 3203 3204 3205 3206 3207 3208 3209 3210 3211 3212 3213 3214 3215 3216 3217 3218 3219 3220 3221 3222 3223 3224 3225 3226 3227 3228 3229 3230 3231 3232 3233 3234 3235 3236 3237 3238 3239 3240 3241 3242 3243 3244 3245 3246 3247 3248 3249 3250 3251 3252 3253 3254 3255 3256 3257 3258 3259 3260 3261 3262 3263 3264 3265 3266 3267 3268 3269 3270 3271 3272 3273 3274 3275 3276 3277 3278 3279 3280 3281 3282 3283 3284 3285 3286 3287 3288 3289 3290 3291 3292 3293 3294 3295 3296 3297 3298 3299 3300 3301 3302 3303 3304 3305 3306 3307 3308 3309 3310 3311 3312 3313 3314 3315 3316 3317 3318 3319 3320 3321 3322 3323 3324 3325 3326 3327 3328 3329 3330 3331 3332 3333 3334 3335 3336 3337 3338 3339 3340 3341 3342 3343 3344 3345 3346 3347 3348 3349 3350 3351 3352 3353 3354 3355 3356 3357 3358 3359 3360 3361 3362 3363 3364 3365 3366 3367 3368 3369 3370 3371 3372 3373 3374 3375 3376 3377 3378 3379 3380 3381 3382 3383 3384 3385 3386 3387 3388 3389 3390 3391 3392 3393 3394 3395 3396 3397 3398 3399 3400 3401 3402 3403 3404 3405 3406 3407 3408 3409 3410 3411 3412 3413 3414 3415 3416 3417 3418 3419 3420 3421 3422 3423 3424 3425 3426 3427 3428 3429 3430 3431 3432 3433 3434 3435 3436 3437 3438 3439 3440 3441 3442 3443 3444 3445 3446 3447 3448 3449 3450 3451 3452 3453 3454 3455 3456 3457 3458 3459 3460 3461 3462 3463 3464 3465 3466 3467 3468 3469 3470 3471 3472 3473 3474 3475 3476 3477 3478 3479 3480 3481 3482 3483 3484 3485 3486 3487 3488 3489 3490 3491 3492 3493 3494 3495 3496 3497 3498 3499 3500 3501 3502 3503 3504 3505 3506 3507 3508 3509 3510 3511 3512 3513 3514 3515 3516 3517 3518 3519 3520 3521 3522 3523 3524 3525 3526 3527 3528 3529 3530 3531 3532 3533 3534 3535 3536 3537 3538 3539 3540 3541 3542 3543 3544 3545 3546 3547 3548 3549 3550 3551 3552 3553 3554 3555 3556 3557 3558 3559 3560 3561 3562 3563 3564 3565 3566 3567 3568 3569 3570 3571 3572 3573 3574 3575 3576 3577 3578 3579 3580 3581 3582 3583 3584 3585 3586 3587 3588 3589 3590 3591 3592 3593 3594 3595 3596 3597 3598 3599 3600 3601 3602 3603 3604 3605 3606 3607 3608 3609 3610 3611 3612 3613 3614 3615 3616 3617 3618 3619 3620 3621 3622 3623 3624 3625 3626 3627 3628 3629 3630 3631 3632 3633 3634 3635 3636 3637 3638 3639 3640 3641 3642 3643 3644 3645 3646 3647 3648 3649 3650 3651 3652 3653 3654 3655 3656 3657 3658 3659 3660 3661 3662 3663 3664 3665 3666 3667 3668 3669 3670 3671 3672 3673 3674 3675 3676 3677 3678 3679 3680 3681 3682 3683 3684 3685 3686 3687 3688 3689 3690 3691 3692 3693 3694 3695 3696 3697 3698 3699 3700 3701 3702 3703 3704 3705 3706 3707 3708 3709 3710 3711 3712 3713 3714 3715 3716 3717 3718 3719 3720 3721 3722 3723 3724 3725 3726 3727 3728 3729 3730 3731 3732 3733 3734 3735 3736 3737 3738 3739 3740 3741 3742 3743 3744 3745 3746 3747 3748 3749 3750 3751 3752 3753 3754 3755 3756 3757 3758 3759 3760 3761 3762 3763 3764 3765 3766 3767 3768 3769 3770 3771 3772 3773 3774 3775 3776 3777 3778 3779 3780 3781 3782 3783 3784 3785 3786 3787 3788 3789 3790 3791 3792 3793 3794 3795 3796 3797 3798 3799 3800 3801 3802 3803 3804 3805 3806 3807 3808 3809 3810 3811 3812 3813 3814 3815 3816 3817 3818 3819 3820 3821 3822 3823 3824 3825 3826 3827 3828 3829 3830 3831 3832 3833 3834 3835 3836 3837 3838 3839 3840 3841 3842 3843 3844 3845 3846 3847 3848 3849 3850 3851 3852 3853 3854 3855 3856 3857 3858 3859 3860 3861 3862 3863 3864 3865 3866 3867 3868 3869 3870 3871 3872 3873 3874 3875 3876 3877 3878 3879 3880 3881 3882 3883 3884 3885 3886 3887 3888 3889 3890 3891 3892 3893 3894 3895 3896 3897 3898 3899 3900 3901 3902 3903 3904 3905 3906 3907 3908 3909 3910 3911 3912 3913 3914 3915 3916 3917 3918 3919 3920 3921 3922 3923 3924 3925 3926 3927 3928 3929 3930 3931 3932 3933 3934 3935 3936 3937 3938 3939 3940 3941 3942 3943 3944 3945 3946 3947 3948 3949 3950 3951 3952 3953 3954 3955 3956 3957 3958 3959 3960 3961 3962 3963 3964 3965 3966 3967 3968 3969 3970 3971 3972 3973 3974 3975 3976 3977 3978 3979 3980 3981 3982 3983 3984 3985 3986 3987 3988 3989 3990 3991 3992 3993 3994 3995 3996 3997 3998 3999 4000 4001 4002 4003 4004 4005 4006 4007 4008 4009 4010 4011 4012 4013 4014 4015 4016 4017 4018 4019 4020 4021 4022 4023 4024 4025 4026 4027 4028 4029 4030 4031 4032 4033 4034 4035 4036 4037 4038 4039 4040 4041 4042 4043 4044 4045 4046 4047 4048 4049 4050 4051 4052 4053 4054 4055 4056 4057 4058 4059 4060 4061 4062 4063 4064 4065 4066 4067 4068 4069 4070 4071 4072 4073 4074 4075 4076 4077 4078 4079 4080 4081 4082 4083 4084 4085 4086 4087 4088 4089 4090 4091 4092 4093 4094 4095 4096 4097 4098 4099 4100 4101 4102 4103 4104 4105 4106 4107 4108 4109 4110 4111 4112 4113 4114 4115 4116 4117 4118 4119 4120 4121 4122 4123 4124 4125 4126 4127 4128 4129 4130 4131 4132 4133 4134 4135 4136 4137 4138 4139 4140 4141 4142 4143 4144 4145 4146 4147 4148 4149 4150 4151 4152 4153 4154 4155 4156 4157 4158 4159 4160 4161 4162 4163 4164 4165 4166 4167 4168 4169 4170 4171 4172 4173 4174 4175 4176 4177 4178 4179 4180 4181 4182 4183 4184 4185 4186 4187 4188 4189 4190 4191 4192 4193 4194 4195 4196 4197 4198 4199 4200 4201 4202 4203 4204 4205 4206 4207 4208 4209 4210 4211 4212 4213 4214 4215 4216 4217 4218 4219 4220 4221 4222 4223 4224 4225 4226 4227 4228 4229 4230 4231 4232 4233 4234 4235 4236 4237 4238 4239 4240 4241 4242 4243 4244 4245 4246 4247 4248 4249 4250 4251 4252 4253 4254 4255 4256 4257 4258 4259 4260 4261 4262 4263 4264 4265 4266 4267 4268 4269 4270 4271 4272 4273 4274 4275 4276 4277 4278 4279 4280 4281 4282 4283 4284 4285 4286 4287 4288 4289 4290 4291 4292 4293 4294 4295 4296 4297 4298 4299 4300 4301 4302 4303 4304 4305 4306 4307 4308 4309 4310 4311 4312 4313 4314 4315 4316 4317 4318 4319 4320 4321 4322 4323 4324 4325 4326 4327 4328 4329 4330 4331 4332 4333 4334 4335 4336 4337 4338 4339 4340 4341 4342 4343 4344 4345 4346 4347 4348 4349 4350 4351 4352 4353 4354 4355 4356 4357 4358 4359 4360 4361 4362 4363 4364 4365 4366 4367 4368 4369 4370 4371 4372 4373 4374 4375 4376 4377 4378 4379 4380 4381 4382 4383 4384 4385 4386 4387 4388 4389 4390 4391 4392 4393 4394 4395 4396 4397 4398 4399 4400 4401 4402 4403 4404 4405 4406 4407 4408 4409 4410 4411 4412 4413 4414 4415 4416 4417 4418 4419 4420 4421 4422 4423 4424 4425 4426 4427 4428 4429 4430 4431 4432 4433 4434 4435 4436 4437 4438 4439 4440 4441 4442 4443 4444 4445 4446 4447 4448 4449 4450 4451 4452 4453 4454 4455 4456 4457 4458 4459 4460 4461 4462 4463 4464 4465 4466 4467 4468 4469 4470 4471 4472 4473 4474 4475 4476 4477 4478 4479 4480 4481 4482 4483 4484 4485 4486 4487 4488 4489 4490 4491 4492 4493 4494 4495 4496 4497 4498 4499 4500 4501 4502 4503 4504 4505 4506 4507 4508 4509 4510 4511 4512 4513 4514 4515 4516 4517 4518 4519 4520 4521 4522 4523 4524 4525 4526 4527 4528 4529 4530 4531 4532 4533 4534 4535 4536 4537 4538 4539 4540 4541 4542 4543 4544 4545 4546 4547 4548 4549 4550 4551 4552 4553 4554 4555 4556 4557 4558 4559 4560 4561 4562 4563 4564 4565 4566 4567 4568 4569 4570 4571 4572 4573 4574 4575 4576 4577 4578 4579 4580 4581 4582 4583 4584 4585 4586 4587 4588 4589 4590 4591 4592 4593 4594 4595 4596 4597 4598 4599 4600 4601 4602 4603 4604 4605 4606 4607 4608 4609 4610 4611 4612 4613 4614 4615 4616 4617 4618 4619 4620 4621 4622 4623 4624 4625 4626 4627 4628 4629 4630 4631 4632 4633 4634 4635 4636 4637 4638 4639 4640 4641 4642 4643 4644 4645 4646 4647 4648 4649 4650 4651 4652 4653 4654 4655 4656 4657 4658 4659 4660 4661 4662 4663 4664 4665 4666 4667 4668 4669 4670 4671 4672 4673 4674 4675 4676 4677 4678 4679 4680 4681 4682 4683 4684 4685 4686 4687 4688 4689 4690 4691 4692 4693 4694 4695 4696 4697 4698 4699 4700 4701 4702 4703 4704 4705 4706 4707 4708 4709 4710 4711 4712 4713 4714 4715 4716 4717 4718 4719 4720 4721 4722 4723 4724 4725 4726 4727 4728 4729 4730 4731 4732 4733 4734 4735 4736 4737 4738 4739 4740 4741 4742 4743 4744 4745 4746 4747 4748 4749 4750 4751 4752 4753 4754 4755 4756 4757 4758 4759 4760 4761 4762 4763 4764 4765 4766 4767 4768 4769 4770 4771 4772 4773 4774 4775 4776 4777 4778 4779 4780 4781 4782 4783 4784 4785 4786 4787 4788 4789 4790 4791 4792 4793 4794 4795 4796 4797 4798 4799 4800 4801 4802 4803 4804 4805 4806 4807 4808 4809 4810 4811 4812 4813 4814 4815 4816 4817 4818 4819 4820 4821 4822 4823 4824 4825 4826 4827 4828 4829 4830 4831 4832 4833 4834 4835 4836 4837 4838 4839 4840 4841 4842 4843 4844 4845 4846 4847 4848 4849 4850 4851 4852 4853 4854 4855 4856 4857 4858 4859 4860 4861 4862 4863 4864 4865 4866 4867 4868 4869 4870 4871 4872 4873 4874 4875 4876 4877 4878 4879 4880 4881 4882 4883 4884 4885 4886 4887 4888 4889 4890 4891 4892 4893 4894 4895 4896 4897 4898 4899 4900 4901 4902 4903 4904 4905 4906 4907 4908 4909 4910 4911 4912 4913 4914 4915 4916 4917 4918 4919 4920 4921 4922 4923 4924 4925 4926 4927 4928 4929 4930 4931 4932 4933 4934 4935 4936 4937 4938 4939 4940 4941 4942 4943 4944 4945 4946 4947 4948 4949 4950 4951 4952 4953 4954 4955 4956 4957 4958 4959 4960 4961 4962 4963 4964 4965 4966 4967 4968 4969 4970 4971 4972 4973 4974 4975 4976 4977 4978 4979 4980 4981 4982 4983 4984 4985 4986 4987 4988 4989 4990 4991 4992 4993 4994 4995 4996 4997 4998 4999 5000 5001 5002 5003 5004 5005 5006 5007 5008 5009 5010 5011 5012 5013 5014 5015 5016 5017 5018 5019 5020 5021 5022 5023 5024 5025 5026 5027 5028 5029 5030 5031 5032 5033 5034 5035 5036 5037 5038 5039 5040 5041 5042 5043 5044 5045 5046 5047 5048 5049 5050 5051 5052 5053 5054 5055 5056 5057 5058 5059 5060 5061 5062 5063 5064 5065 5066 5067 5068 5069 5070 5071 5072 5073 5074 5075 5076 5077 5078 5079 5080 5081 5082 5083 5084 5085 5086 5087 5088 5089 5090 5091 5092 5093 5094 5095 5096 5097 5098 5099 5100 5101 5102 5103 5104 5105 5106 5107 5108 5109 5110 5111 5112 5113 5114 5115 5116 5117 5118 5119 5120 5121 5122 5123 5124 5125 5126 5127 5128 5129 5130 5131 5132 5133 5134 5135 5136 5137 5138 5139 5140 5141 5142 5143 5144 5145 5146 5147 5148 5149 5150 5151 5152 5153 5154 5155 5156 5157 5158 5159 5160 5161 5162 5163 5164 5165 5166 5167 5168 5169 5170 5171 5172 5173 5174 5175 5176 5177 5178 5179 5180 5181 5182 5183 5184 5185 5186 5187 5188 5189 5190 5191 5192 5193 5194 5195 5196 5197 5198 5199 5200 5201 5202 5203 5204 5205 5206 5207 5208 5209 5210 5211 5212 5213 5214 5215 5216 5217 5218 5219 5220 5221 5222 5223 5224 5225 5226 5227 5228 5229 5230 5231 5232 5233 5234 5235 5236 5237 5238 5239 5240 5241 5242 5243 5244 5245 5246 5247 5248 5249 5250 5251 5252 5253 5254 5255 5256 5257 5258 5259 5260 5261 5262 5263 5264 5265 5266 5267 5268 5269 5270 5271 5272 5273 5274 5275 5276 5277 5278 5279 5280 5281 5282 5283 5284 5285 5286 5287 5288 5289 5290 5291 5292 5293 5294 5295 5296 5297 5298 5299 5300 5301 5302 5303 5304 5305 5306 5307 5308 5309 5310 5311 5312 5313 5314 5315 5316 5317 5318 5319 5320 5321 5322 5323 5324 5325 5326 5327 5328 5329 5330 5331 5332 5333 5334 5335 5336 5337 5338 5339 5340 5341 5342 5343 5344 5345 5346 5347 5348 5349 5350 5351 5352 5353 5354 5355 5356 5357 5358 5359 5360 5361 5362 5363 5364 5365 5366 5367 5368 5369 5370 5371 5372 5373 5374 5375 5376 5377 5378 5379 5380 5381 5382 5383 5384 5385 5386 5387 5388 5389 5390 5391 5392 5393 5394 5395 5396 5397 5398 5399 5400 5401 5402 5403 5404 5405 5406 5407 5408 5409 5410 5411 5412 5413 5414 5415 5416 5417 5418 5419 5420 5421 5422 5423 5424 5425 5426 5427 5428 5429 5430 5431 5432 5433 5434 5435 5436 5437 5438 5439 5440 5441 5442 5443 5444 5445 5446 5447 5448 5449 5450 5451 5452 5453 5454 5455 5456 5457 5458 5459 5460 5461 5462 5463 5464 5465 5466 5467 5468 5469 5470 5471 5472 5473 5474 5475 5476 5477 5478 5479 5480 5481 5482 5483 5484 5485 5486 5487 5488 5489 5490 5491 5492 5493 5494 5495 5496 5497 5498 5499 5500 5501 5502 5503 5504 5505 5506 5507 5508 5509 5510 5511 5512 5513 5514 5515 5516 5517 5518 5519 5520 5521 5522 5523 5524 5525 5526 5527 5528 5529 5530 5531 5532 5533 5534 5535 5536 5537 5538 5539 5540 5541 5542 5543 5544 5545 5546 5547 5548 5549 5550 5551 5552 5553 5554 5555 5556 5557 5558 5559 5560 5561 5562 5563 5564 5565 5566 5567 5568 5569 5570 5571 5572 5573 5574 5575 5576 5577 5578 5579 5580 5581 5582 5583 5584 5585 5586 5587 5588 5589 5590 5591 5592 5593 5594 5595 5596 5597 5598 5599 5600 5601 5602 5603 5604 5605 5606 5607 5608 5609 5610 5611 5612 5613 5614 5615 5616 5617 5618 5619 5620 5621 5622 5623 5624 5625 5626 5627 5628 5629 5630 5631 5632 5633 5634 5635 5636 5637 5638 5639 5640 5641 5642 5643 5644 5645 5646 5647 5648 5649 5650 5651 5652 5653 5654 5655 5656 5657 5658 5659 5660 5661 5662 5663 5664 5665 5666 5667 5668 5669 5670 5671 5672 5673 5674 5675 5676 5677 5678 5679 5680 5681 5682 5683 5684 5685 5686 5687 5688 5689 5690 5691 5692 5693 5694 5695 5696 5697 5698 5699 5700 5701 5702 5703 5704 5705 5706 5707 5708 5709 5710 5711 5712 5713 5714 5715 5716 5717 5718 5719 5720 5721 5722 5723 5724 5725 5726 5727 5728 5729 5730 5731 5732 5733 5734 5735 5736 5737 5738 5739 5740 5741 5742 5743 5744 5745 5746 5747 5748 5749 5750 5751 5752 5753 5754 5755 5756 5757 5758 5759 5760 5761 5762 5763 5764 5765 5766 5767 5768 5769 5770 5771 5772 5773 5774 5775 5776 5777 5778 5779 5780 5781 5782 5783 5784 5785 5786 5787 5788 5789 5790 5791 5792 5793 5794 5795 5796 5797 5798 5799 5800 5801 5802 5803 5804 5805 5806 5807 5808 5809 5810 5811 5812 5813 5814 5815 5816 5817 5818 5819 5820 5821 5822 5823 5824 5825 5826 5827 5828 5829 5830 5831 5832 5833 5834 5835 5836 5837 5838 5839 5840 5841 5842 5843 5844 5845 5846 5847 5848 5849 5850 5851 5852 5853 5854 5855 5856 5857 5858 5859 5860 5861 5862 5863 5864 5865 5866 5867 5868 5869 5870 5871 5872 5873 5874 5875 5876 5877 5878 5879 5880 5881 5882 5883 5884 5885 5886 5887 5888 5889 5890 5891 5892 5893 5894 5895 5896 5897 5898 5899 5900 5901 5902 5903 5904 5905 5906 5907 5908 5909 5910 5911 5912 5913 5914 5915 5916 5917 5918 5919 5920 5921 5922 5923 5924 5925 5926 5927 5928 5929 5930 5931 5932 5933 5934 5935 5936 5937 5938 5939 5940 5941 5942 5943 5944 5945 5946 5947 5948 5949 5950 5951 5952 5953 5954 5955 5956 5957 5958 5959 5960 5961 5962 5963 5964 5965 5966 5967 5968 5969 5970 5971 5972 5973 5974 5975 5976 5977 5978 5979 5980 5981 5982 5983 5984 5985 5986 5987 5988 5989 5990 5991 5992 5993 5994 5995 5996 5997 5998 5999 6000 6001 6002 6003 6004 6005 6006 6007 6008 6009 6010 6011 6012 6013 6014 6015 6016 6017 6018 6019 6020 6021 6022 6023 6024 6025 6026 6027 6028 6029 6030 6031 6032 6033 6034 6035 6036 6037 6038 6039 6040 6041 6042 6043 6044 6045 6046 6047 6048 6049 6050 6051 6052 6053 6054 6055 6056 6057 6058 6059 6060 6061 6062 6063 6064 6065 6066 6067 6068 6069 6070 6071 6072 6073 6074 6075 6076 6077 6078 6079 6080 6081 6082 6083 6084 6085 6086 6087 6088 6089 6090 6091 6092 6093 6094 6095 6096 6097 6098 6099 6100 6101 6102 6103 6104 6105 6106 6107 6108 6109 6110 6111 6112 6113 6114 6115 6116 6117 6118 6119 6120 6121 6122 6123 6124 6125 6126 6127 6128 6129 6130 6131 6132 6133 6134 6135 6136 6137 6138 6139 6140 6141 6142 6143 6144 6145 6146 6147 6148 6149 6150 6151 6152 6153 6154 6155 6156 6157 6158 6159 6160 6161 6162 6163 6164 6165 6166 6167 6168 6169 6170 6171 6172 6173 6174 6175 6176 6177 6178 6179 6180 6181 6182 6183 6184 6185 6186 6187 6188 6189 6190 6191 6192 6193 6194 6195 6196 6197 6198 6199 6200 6201 6202 6203 6204 6205 6206 6207 6208 6209 6210 6211 6212 6213 6214 6215 6216 6217 6218 6219 6220 6221 6222 6223 6224 6225 6226 6227 6228 6229 6230 6231 6232 6233 6234 6235 6236 6237 6238 6239 6240 6241 6242 6243 6244 6245 6246 6247 6248 6249 6250 6251 6252 6253 6254 6255 6256 6257 6258 6259 6260 6261 6262 6263 6264 6265 6266 6267 6268 6269 6270 6271 6272 6273 6274 6275 6276 6277 6278 6279 6280 6281 6282 6283 6284 6285 6286 6287 6288 6289 6290 6291 6292 6293 6294 6295 6296 6297 6298 6299 6300 6301 6302 6303 6304 6305 6306 6307 6308 6309 6310 6311 6312 6313 6314 6315 6316 6317 6318 6319 6320 6321 6322 6323 6324 6325 6326 6327 6328 6329 6330 6331 6332 6333 6334 6335 6336 6337 6338 6339 6340 6341 6342 6343 6344 6345 6346 6347 6348 6349 6350 6351 6352 6353 6354 6355 6356 6357 6358 6359 6360 6361 6362 6363 6364 6365 6366 6367 6368 6369 6370 6371 6372 6373 6374 6375 6376 6377 6378 6379 6380 6381 6382 6383 6384 6385 6386 6387 6388 6389 6390 6391 6392 6393 6394 6395 6396 6397 6398 6399 6400 6401 6402 6403 6404 6405 6406 6407 6408 6409 6410 6411 6412 6413 6414 6415 6416 6417 6418 6419 6420 6421 6422 6423 6424 6425 6426 6427 6428 6429 6430 6431 6432 6433 6434 6435 6436 6437 6438 6439 6440 6441 6442 6443 6444 6445 6446 6447 6448 6449 6450 6451 6452 6453 6454 6455 6456 6457 6458 6459 6460 6461 6462 6463 6464 6465 6466 6467 6468 6469 6470 6471 6472 6473 6474 6475 6476 6477 6478 6479 6480 6481 6482 6483 6484 6485 6486 6487 6488 6489 6490 6491 6492 6493 6494 6495 6496 6497 6498 6499 6500 6501 6502 6503 6504 6505 6506 6507 6508 6509 6510 6511 6512 6513 6514 6515 6516 6517 6518 6519 6520 6521 6522 6523 6524 6525 6526 6527 6528 6529 6530 6531 6532 6533 6534 6535 6536 6537 6538 6539 6540 6541 6542 6543 6544 6545 6546 6547 6548 6549 6550 6551 6552 6553 6554 6555 6556 6557 6558 6559 6560 6561 6562 6563 6564 6565 6566 6567 6568 6569 6570 6571 6572 6573 6574 6575 6576 6577 6578 6579 6580 6581 6582 6583 6584 6585 6586 6587 6588 6589 6590 6591 6592 6593 6594 6595 6596 6597 6598 6599 6600 6601 6602 6603 6604 6605 6606 6607 6608 6609 6610 6611 6612 6613 6614 6615 6616 6617 6618 6619 6620 6621 6622 6623 6624 6625 6626 6627 6628 6629 6630 6631 6632 6633 6634 6635 6636 6637 6638 6639 6640 6641 6642 6643 6644 6645 6646 6647 6648 6649 6650 6651 6652 6653 6654 6655 6656 6657 6658 6659 6660 6661 6662 6663 6664 6665 6666 6667 6668 6669 6670 6671 6672 6673 6674 6675 6676 6677 6678 6679 6680 6681 6682 6683 6684 6685 6686 6687 6688 6689 6690 6691 6692 6693 6694 6695 6696 6697 6698 6699 6700 6701 6702 6703 6704 6705 6706 6707 6708 6709 6710 6711 6712 6713 6714 6715 6716 6717 6718 6719 6720 6721 6722 6723 6724 6725 6726 6727 6728 6729 6730 6731 6732 6733 6734 6735 6736 6737 6738 6739 6740 6741 6742 6743 6744 6745 6746 6747 6748 6749 6750 6751 6752 6753 6754 6755 6756 6757 6758 6759 6760 6761 6762 6763 6764 6765 6766 6767 6768 6769 6770 6771 6772 6773 6774 6775 6776 6777 6778 6779 6780 6781 6782 6783 6784 6785 6786 6787 6788 6789 6790 6791 6792 6793 6794 6795 6796 6797 6798 6799 6800 6801 6802 6803 6804 6805 6806 6807 6808 6809 6810 6811 6812 6813 6814 6815 6816 6817 6818 6819 6820 6821 6822 6823 6824 6825 6826 6827 6828 6829 6830 6831 6832 6833 6834 6835 6836 6837 6838 6839 6840 6841 6842 6843 6844 6845 6846 6847 6848 6849 6850 6851 6852 6853 6854 6855 6856 6857 6858 6859 6860 6861 6862 6863 6864 6865 6866 6867 6868 6869 6870 6871 6872 6873 6874 6875 6876 6877 6878 6879 6880 6881 6882 6883 6884 6885 6886 6887 6888 6889 6890 6891 6892 6893 6894 6895 6896 6897 6898 6899 6900 6901 6902 6903 6904 6905 6906 6907 6908 6909 6910 6911 6912 6913 6914 6915 6916 6917 6918 6919 6920 6921 6922 6923 6924 6925 6926 6927 6928 6929 6930 6931 6932 6933 6934 6935 6936 6937 6938 6939 6940 6941 6942 6943 6944 6945 6946 6947 6948 6949 6950 6951 6952 6953 6954 6955 6956 6957 6958 6959 6960 6961 6962 6963 6964 6965 6966 6967 6968 6969 6970 6971 6972 6973 6974 6975 6976 6977 6978 6979 6980 6981 6982 6983 6984 6985 6986 6987 6988 6989 6990 6991 6992 6993 6994 6995 6996 6997 6998 6999 7000 7001 7002 7003 7004 7005 7006 7007 7008 7009 7010 7011 7012 7013 7014 7015 7016 7017 7018 7019 7020 7021 7022 7023 7024 7025 7026 7027 7028 7029 7030 7031 7032 7033 7034 7035 7036 7037 7038 7039 7040 7041 7042 7043 7044 7045 7046 7047 7048 7049 7050 7051 7052 7053 7054 7055 7056 7057 7058 7059 7060 7061 7062 7063 7064 7065 7066 7067 7068 7069 7070 7071 7072 7073 7074 7075 7076 7077 7078 7079 7080 7081 7082 7083 7084 7085 7086 7087 7088 7089 7090 7091 7092 7093 7094 7095 7096 7097 7098 7099 7100 7101 7102 7103 7104 7105 7106 7107 7108 7109 7110 7111 7112 7113 7114 7115 7116 7117 7118 7119 7120 7121 7122 7123 7124 7125 7126 7127 7128 7129 7130 7131 7132 7133 7134 7135 7136 7137 7138 7139 7140 7141 7142 7143 7144 7145 7146 7147 7148 7149 7150 7151 7152 7153 7154 7155 7156 7157 7158 7159 7160 7161 7162 7163 7164 7165 7166 7167 7168 7169 7170 7171 7172 7173 7174 7175 7176 7177 7178 7179 7180 7181 7182 7183 7184 7185 7186 7187 7188 7189 7190 7191 7192 7193 7194 7195 7196 7197 7198 7199 7200 7201 7202 7203 7204 7205 7206 7207 7208 7209 7210 7211 7212 7213 7214 7215 7216 7217 7218 7219 7220 7221 7222 7223 7224 7225 7226 7227 7228 7229 7230 7231 7232 7233 7234 7235 7236 7237 7238 7239 7240 7241 7242 7243 7244 7245 7246 7247 7248 7249 7250 7251 7252 7253 7254 7255 7256 7257 7258 7259 7260 7261 7262 7263 7264 7265 7266 7267 7268 7269 7270 7271 7272 7273 7274 7275 7276 7277 7278 7279 7280 7281 7282 7283 7284 7285 7286 7287 7288 7289 7290 7291 7292 7293 7294 7295 7296 7297 7298 7299 7300 7301 7302 7303 7304 7305 7306 7307 7308 7309 7310 7311 7312 7313 7314 7315 7316 7317 7318 7319 7320 7321 7322 7323 7324 7325 7326 7327 7328 7329 7330 7331 7332 7333 7334 7335 7336 7337 7338 7339 7340 7341 7342 7343 7344 7345 7346 7347 7348 7349 7350 7351 7352 7353 7354 7355 7356 7357 7358 7359 7360 7361 7362 7363 7364 7365 7366 7367 7368 7369 7370 7371 7372 7373 7374 7375 7376 7377 7378 7379 7380 7381 7382 7383 7384 7385 7386 7387 7388 7389 7390 7391 7392 7393 7394 7395 7396 7397 7398 7399 7400 7401 7402 7403 7404 7405 7406 7407 7408 7409 7410 7411 7412 7413 7414 7415 7416 7417 7418 7419 7420 7421 7422 7423 7424 7425 7426 7427 7428 7429 7430 7431 7432 7433 7434 7435 7436 7437 7438 7439 7440 7441 7442 7443 7444 7445 7446 7447 7448 7449 7450 7451 7452 7453 7454 7455 7456 7457 7458 7459 7460 7461 7462 7463 7464 7465 7466 7467 7468 7469 7470 7471 7472 7473 7474 7475 7476 7477 7478 7479 7480 7481 7482 7483 7484 7485 7486 7487 7488 7489 7490 7491 7492 7493 7494 7495 7496 7497 7498 7499 7500 7501 7502 7503 7504 7505 7506 7507 7508 7509 7510 7511 7512 7513 7514 7515 7516 7517 7518 7519 7520 7521 7522 7523 7524 7525 7526 7527 7528 7529 7530 7531 7532 7533 7534 7535 7536 7537 7538 7539 7540 7541 7542 7543 7544 7545 7546 7547 7548 7549 7550 7551 7552 7553 7554 7555 7556 7557 7558 7559 7560 7561 7562 7563 7564 7565 7566 7567 7568 7569 7570 7571 7572 7573 7574 7575 7576 7577 7578 7579 7580 7581 7582 7583 7584 7585 7586 7587 7588 7589 7590 7591 7592 7593 7594 7595 7596 7597 7598 7599 7600 7601 7602 7603 7604 7605 7606 7607 7608 7609 7610 7611 7612 7613 7614 7615 7616 7617 7618 7619 7620 7621 7622 7623 7624 7625 7626 7627 7628 7629 7630 7631 7632 7633 7634 7635 7636 7637 7638 7639 7640 7641 7642 7643 7644 7645 7646 7647 7648 7649 7650 7651 7652 7653 7654 7655 7656 7657 7658 7659 7660 7661 7662 7663 7664 7665 7666 7667 7668 7669 7670 7671 7672 7673 7674 7675 7676 7677 7678 7679 7680 7681 7682 7683 7684 7685 7686 7687 7688 7689 7690 7691 7692 7693 7694 7695 7696 7697 7698 7699 7700 7701 7702 7703 7704 7705 7706 7707 7708 7709 7710 7711 7712 7713 7714 7715 7716 7717 7718 7719 7720 7721 7722 7723 7724 7725 7726 7727 7728 7729 7730 7731 7732 7733 7734 7735 7736 7737 7738 7739 7740 7741 7742 7743 7744 7745 7746 7747 7748 7749 7750 7751 7752 7753 7754 7755 7756 7757 7758 7759 7760 7761 7762 7763 7764 7765 7766 7767 7768 7769 7770 7771 7772 7773 7774 7775 7776 7777 7778 7779 7780 7781 7782 7783 7784 7785 7786 7787 7788 7789 7790 7791 7792 7793 7794 7795 7796 7797 7798 7799 7800 7801 7802 7803 7804 7805 7806 7807 7808 7809 7810 7811 7812 7813 7814 7815 7816 7817 7818 7819 7820 7821 7822 7823 7824 7825 7826 7827 7828 7829 7830 7831 7832 7833 7834 7835 7836 7837 7838 7839 7840 7841 7842 7843 7844 7845 7846 7847 7848 7849 7850 7851 7852 7853 7854 7855 7856 7857 7858 7859 7860 7861 7862 7863 7864 7865 7866 7867 7868 7869 7870 7871 7872 7873 7874 7875 7876 7877 7878 7879 7880 7881 7882 7883 7884 7885 7886 7887 7888 7889 7890 7891 7892 7893 7894 7895 7896 7897 7898 7899 7900 7901 7902 7903 7904 7905 7906 7907 7908 7909 7910 7911 7912 7913 7914 7915 7916 7917 7918 7919 7920 7921 7922 7923 7924 7925 7926 7927 7928 7929 7930 7931 7932 7933 7934 7935 7936 7937 7938 7939 7940 7941 7942 7943 7944 7945 7946 7947 7948 7949 7950 7951 7952 7953 7954 7955 7956 7957 7958 7959 7960 7961 7962 7963 7964 7965 7966 7967 7968 7969 7970 7971 7972 7973 7974 7975 7976 7977 7978 7979 7980 7981 7982 7983 7984 7985 7986 7987 7988 7989 7990 7991 7992 7993 7994 7995 7996 7997 7998 7999 8000 8001 8002 8003 8004 8005 8006 8007 8008 8009 8010 8011 8012 8013 8014 8015 8016 8017 8018 8019 8020 8021 8022 8023 8024 8025 8026 8027 8028 8029 8030 8031 8032 8033 8034 8035 8036 8037 8038 8039 8040 8041 8042 8043 8044 8045 8046 8047 8048 8049 8050 8051 8052 8053 8054 8055 8056 8057 8058 8059 8060 8061 8062 8063 8064 8065 8066 8067 8068 8069 8070 8071 8072 8073 8074 8075 8076 8077 8078 8079 8080 8081 8082 8083 8084 8085 8086 8087 8088 8089 8090 8091 8092 8093 8094 8095 8096 8097 8098 8099 8100 8101 8102 8103 8104 8105 8106 8107 8108 8109 8110 8111 8112 8113 8114 8115 8116 8117 8118 8119 8120 8121 8122 8123 8124 8125 8126 8127 8128 8129 8130 8131 8132 8133 8134 8135 8136 8137 8138 8139 8140 8141 8142 8143 8144 8145 8146 8147 8148 8149 8150 8151 8152 8153 8154 8155 8156 8157 8158 8159 8160 8161 8162 8163
|
.pf-v6-c-table {
--pf-v6-c-table__tree-view-main--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-table__tree-view-icon--MinWidth));
--pf-v6-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v6-c-table__tree-view-main--indent--base) - var(--pf-t--global--spacer--md));
--pf-v6-c-table__tree-view-main--c-button--MarginInlineEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__tree-view-main--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
--pf-v6-c-table__tree-view-main--MarginInlineStart: calc(var(--pf-v6-c-table--cell--PaddingInlineStart) * -1);
--pf-v6-c-table__tree-view-main--c-table__check--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__tree-view-main--c-table__check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__tree-view-icon--MinWidth: var(--pf-t--global--spacer--md);
--pf-v6-c-table__tree-view-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-table--m-tree-view__toggle--Position: absolute;
--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
--pf-v6-c-table--m-tree-view__toggle--TranslateX: -100%;
--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-t--global--spacer--md);
--pf-v6-c-table--m-no-inset__tree-view-main--PaddingInlineStart: 0;
--pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
}
.pf-v6-c-table.pf-m-tree-view > tbody > tr {
--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
}
.pf-v6-c-table.pf-m-tree-view > tbody > tr.pf-m-no-inset {
--pf-v6-c-table__tree-view-main--PaddingInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--PaddingInlineStart);
--pf-v6-c-table__tree-view-main--MarginInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart);
}
.pf-v6-c-table.pf-m-tree-view.pf-m-no-inset {
--pf-v6-c-table__tree-view-main--PaddingInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--PaddingInlineStart);
--pf-v6-c-table__tree-view-main--MarginInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart);
}
.pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
--pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
--pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
--pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
--pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
--pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
--pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
--pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
--pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
--pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-v6-c-table__tree-view-main {
position: relative;
display: flex;
align-items: baseline;
min-width: 0;
padding-inline-start: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
margin-inline-start: var(--pf-v6-c-table__tree-view-main--MarginInlineStart);
text-align: start;
cursor: pointer;
}
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
}
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
}
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
}
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-button {
margin-block-start: -50%;
margin-inline-end: var(--pf-v6-c-table__tree-view-main--c-button--MarginInlineEnd);
}
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
margin-inline-end: var(--pf-v6-c-table__tree-view-main--c-table__check--MarginInlineEnd);
}
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__check label {
padding-inline-end: var(--pf-v6-c-table__tree-view-main--c-table__check--PaddingInlineEnd);
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: calc(var(--pf-v6-c-table__tree-view-main--c-table__check--MarginInlineEnd) * -1);
}
.pf-v6-c-table__tree-view-text {
display: flex;
}
.pf-v6-c-table__tree-view-icon {
min-width: var(--pf-v6-c-table__tree-view-icon--MinWidth);
margin-inline-end: var(--pf-v6-c-table__tree-view-icon--MarginInlineEnd);
}
.pf-v6-c-table__tree-view-details-toggle {
display: none;
}
.pf-m-tree-view-grid.pf-v6-c-table {
--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
--pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
--pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
}
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
position: relative;
border: none;
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
}
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
inset-inline-end: 0;
content: "";
border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
}
.pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
display: grid;
grid-template-columns: 1fr max-content;
}
.pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
}
.pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell ~ .pf-v6-c-table__action {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
}
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td):not(.pf-v6-c-table__tree-view-title-cell) {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
}
.pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-text {
padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
}
.pf-m-tree-view-grid.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
display: none;
}
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td) {
display: none;
}
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
grid-column: 1;
grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
align-items: start;
}
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
grid-column: 2;
}
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
position: revert;
font-weight: var(--pf-t--global--font--weight--body--bold);
text-align: start;
content: attr(data-label);
}
.pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
border-inline-end: 0;
}
.pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
}
.pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
display: grid;
}
.pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__thead {
display: none;
}
.pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
.pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action {
display: inline-block;
}
.pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action {
--pf-v6-c-table--cell--Width: auto;
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart);
--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
grid-row: 1;
grid-column: 2;
margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
}
.pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
margin-inline-start: auto;
margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
}
.pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
}
.pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
@media screen and (max-width: calc(48rem - 1px)) {
.pf-m-tree-view-grid-md.pf-v6-c-table {
--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
--pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
--pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
}
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
position: relative;
border: none;
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
}
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
inset-inline-end: 0;
content: "";
border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
}
.pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
display: grid;
grid-template-columns: 1fr max-content;
}
.pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
}
.pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell ~ .pf-v6-c-table__action {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
}
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td):not(.pf-v6-c-table__tree-view-title-cell) {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
}
.pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-text {
padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
}
.pf-m-tree-view-grid-md.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
display: none;
}
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td) {
display: none;
}
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
grid-column: 1;
grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
align-items: start;
}
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
grid-column: 2;
}
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
position: revert;
font-weight: var(--pf-t--global--font--weight--body--bold);
text-align: start;
content: attr(data-label);
}
.pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
border-inline-end: 0;
}
.pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
}
.pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
display: grid;
}
.pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__thead {
display: none;
}
.pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
.pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action {
display: inline-block;
}
.pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action {
--pf-v6-c-table--cell--Width: auto;
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart);
--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
grid-row: 1;
grid-column: 2;
margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
}
.pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
margin-inline-start: auto;
margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
}
.pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
}
.pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
}
@media screen and (max-width: calc(62rem - 1px)) {
.pf-m-tree-view-grid-lg.pf-v6-c-table {
--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
--pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
--pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
}
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
position: relative;
border: none;
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
}
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
inset-inline-end: 0;
content: "";
border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
}
.pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
display: grid;
grid-template-columns: 1fr max-content;
}
.pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
}
.pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell ~ .pf-v6-c-table__action {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
}
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td):not(.pf-v6-c-table__tree-view-title-cell) {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
}
.pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-text {
padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
}
.pf-m-tree-view-grid-lg.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
display: none;
}
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td) {
display: none;
}
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
grid-column: 1;
grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
align-items: start;
}
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
grid-column: 2;
}
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
position: revert;
font-weight: var(--pf-t--global--font--weight--body--bold);
text-align: start;
content: attr(data-label);
}
.pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
border-inline-end: 0;
}
.pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
}
.pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
display: grid;
}
.pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__thead {
display: none;
}
.pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
.pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
display: inline-block;
}
.pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
--pf-v6-c-table--cell--Width: auto;
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart);
--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
grid-row: 1;
grid-column: 2;
margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
}
.pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
margin-inline-start: auto;
margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
}
.pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
}
.pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
}
@media screen and (max-width: calc(75rem - 1px)) {
.pf-m-tree-view-grid-xl.pf-v6-c-table {
--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
--pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
--pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
}
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
position: relative;
border: none;
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
}
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
inset-inline-end: 0;
content: "";
border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
}
.pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
display: grid;
grid-template-columns: 1fr max-content;
}
.pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
}
.pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell ~ .pf-v6-c-table__action {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
}
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td):not(.pf-v6-c-table__tree-view-title-cell) {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
}
.pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-text {
padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
}
.pf-m-tree-view-grid-xl.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
display: none;
}
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td) {
display: none;
}
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
grid-column: 1;
grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
align-items: start;
}
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
grid-column: 2;
}
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
position: revert;
font-weight: var(--pf-t--global--font--weight--body--bold);
text-align: start;
content: attr(data-label);
}
.pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
border-inline-end: 0;
}
.pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
}
.pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
display: grid;
}
.pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__thead {
display: none;
}
.pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
.pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
display: inline-block;
}
.pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
--pf-v6-c-table--cell--Width: auto;
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart);
--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
grid-row: 1;
grid-column: 2;
margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
}
.pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
margin-inline-start: auto;
margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
}
.pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
}
.pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
}
@media screen and (max-width: calc(90.625rem - 1px)) {
.pf-m-tree-view-grid-2xl.pf-v6-c-table {
--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
--pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
--pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
position: relative;
border: none;
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
inset-inline-end: 0;
content: "";
border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
display: grid;
grid-template-columns: 1fr max-content;
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell ~ .pf-v6-c-table__action {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td):not(.pf-v6-c-table__tree-view-title-cell) {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-text {
padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
display: none;
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td) {
display: none;
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
grid-column: 1;
grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
align-items: start;
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
grid-column: 2;
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
position: revert;
font-weight: var(--pf-t--global--font--weight--body--bold);
text-align: start;
content: attr(data-label);
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
border-inline-end: 0;
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
display: grid;
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__thead {
display: none;
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
.pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
display: inline-block;
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
--pf-v6-c-table--cell--Width: auto;
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart);
--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
grid-row: 1;
grid-column: 2;
margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
margin-inline-start: auto;
margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
.pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
}
}
.pf-v6-c-table {
--pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
--pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
--pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
--pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
--pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
--pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
}
.pf-v6-c-table .pf-v6-c-table__sticky-cell {
position: sticky;
inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
}
.pf-v6-c-table__sticky-cell {
--pf-v6-c-table--cell--Overflow: visible;
--pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
background-clip: padding-box;
}
.pf-v6-c-table__sticky-cell.pf-m-border-right::before {
--pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
--pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
}
.pf-v6-c-table__sticky-cell.pf-m-border-left::before {
--pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
--pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
}
.pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
--pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
}
.pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
--pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
}
.pf-v6-c-scroll-outer-wrapper {
--pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
--pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
display: flex;
flex-direction: column;
max-width: 100%;
min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
overflow: hidden;
}
.pf-v6-c-scroll-inner-wrapper {
display: flex;
flex-direction: column;
max-width: 100%;
max-height: 100%;
overflow: auto;
}
.pf-v6-c-form {
--pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
--pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
--pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
--pf-v6-c-form--m-limit-width--MaxWidth: 55rem;
--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: calc((((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) + (2 * var(--pf-t--global--border--width--control--default))) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)) - ((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) + var(--pf-t--global--border--width--control--default));
--pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) - ((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)));
--pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
--pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
--pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
--pf-v6-c-form__label--hover--Cursor: pointer;
--pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
--pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
--pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
--pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
--pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
--pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
--pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
--pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
--pf-v6-c-form__group-control--m-inline--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
--pf-v6-c-form__group-control__helper-text--MarginBlockEnd: var(--pf-t--global--spacer--xs);
--pf-v6-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--gap--group--vertical);
--pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart: calc(var(--pf-v6-c-form__group-control--m-stack--Gap) * -1 + var(--pf-v6-c-form__helper-text--MarginBlockStart--base));
--pf-v6-c-form__actions--child--MarginBlockStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-form__actions--child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-form__actions--child--MarginBlockEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-form__actions--child--MarginInlineStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-form__actions--MarginBlockStart: calc(var(--pf-v6-c-form__actions--child--MarginBlockStart) * -1);
--pf-v6-c-form__actions--MarginInlineEnd: calc(var(--pf-v6-c-form__actions--child--MarginInlineEnd) * -1);
--pf-v6-c-form__actions--MarginBlockEnd: calc(var(--pf-v6-c-form__actions--child--MarginBlockEnd) * -1);
--pf-v6-c-form__actions--MarginInlineStart: calc(var(--pf-v6-c-form__actions--child--MarginInlineStart) * -1);
--pf-v6-c-form__helper-text--MarginBlockStart--base: var(--pf-t--global--spacer--xs);
--pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__helper-text--MarginBlockStart--base);
--pf-v6-c-form__section--MarginBlockStart: var(--pf-t--global--spacer--xl);
--pf-v6-c-form__section--Gap: var(--pf-v6-c-form--GridGap);
--pf-v6-c-form__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
--pf-v6-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
--pf-v6-c-form__section-title--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
--pf-v6-c-form__field-group--border-width-base: var(--pf-t--global--border--width--divider--default);
--pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
--pf-v6-c-form__field-group--BorderBlockStartColor: var(--pf-t--global--border--color--default);
--pf-v6-c-form__field-group--BorderBlockEndWidth: var(--pf-v6-c-form__field-group--border-width-base);
--pf-v6-c-form__field-group--BorderBlockEndColor: var(--pf-t--global--border--color--default);
--pf-v6-c-form__field-group--field-group--MarginBlockStart: calc(var(--pf-v6-c-form--GridGap) * -1);
--pf-v6-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-form__field-group-toggle-icon--MinWidth) + var(--pf-t--global--spacer--xs));
--pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
--pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
--pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
--pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
--pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
--pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
--pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
--pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
--pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--md);
--pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
--pf-v6-c-form__field-group-header--GridColumn: 1 / 3;
--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
--pf-v6-c-form__field-group-toggle--field-group-header--GridColumn: 2 / 3;
--pf-v6-c-form__field-group__field-group--field-group__field-group-header--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
--pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
--pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
--pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-form__field-group-header-actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
--pf-v6-c-form__field-group-header-actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
--pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
--pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
--pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
--pf-v6-c-form__field-group-body--GridColumn: 2 / 3;
--pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
--pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
--pf-v6-c-form__field-group-body--TranslateY: 0;
--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY: 0;
--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: 0s;
--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: 0s;
--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
}
@media screen and (prefers-reduced-motion: no-preference) {
.pf-v6-c-form {
--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
--pf-v6-c-form__field-group-body--TranslateY: -.5rem;
}
}
.pf-v6-c-form {
display: grid;
gap: var(--pf-v6-c-form--GridGap);
}
.pf-v6-c-form.pf-m-horizontal.pf-m-align-right .pf-v6-c-form__label {
text-align: end;
}
@media screen and (min-width: 48rem) {
.pf-v6-c-form.pf-m-horizontal {
--pf-v6-c-form__group-label--PaddingBlockEnd: 0;
}
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
display: grid;
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
}
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
}
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-no-padding-top {
--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
}
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-info {
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
flex-direction: column;
align-items: flex-start;
}
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label-main {
flex-grow: 0;
}
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-control {
grid-column: 2;
}
}
@media screen and (min-width: 0) {
.pf-v6-c-form.pf-m-horizontal-on-xs {
--pf-v6-c-form__group-label--PaddingBlockEnd: 0;
}
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
display: grid;
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
}
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
}
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-no-padding-top {
--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
}
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-info {
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
flex-direction: column;
align-items: flex-start;
}
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label-main {
flex-grow: 0;
}
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-control {
grid-column: 2;
}
}
@media (min-width: 36rem) {
.pf-v6-c-form.pf-m-horizontal-on-sm {
--pf-v6-c-form__group-label--PaddingBlockEnd: 0;
}
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
display: grid;
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
}
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
}
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-no-padding-top {
--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
}
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-info {
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
flex-direction: column;
align-items: flex-start;
}
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label-main {
flex-grow: 0;
}
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-control {
grid-column: 2;
}
}
@media (min-width: 48rem) {
.pf-v6-c-form.pf-m-horizontal-on-md {
--pf-v6-c-form__group-label--PaddingBlockEnd: 0;
}
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
display: grid;
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
}
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
}
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-no-padding-top {
--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
}
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-info {
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
flex-direction: column;
align-items: flex-start;
}
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label-main {
flex-grow: 0;
}
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-control {
grid-column: 2;
}
}
@media (min-width: 62rem) {
.pf-v6-c-form.pf-m-horizontal-on-lg {
--pf-v6-c-form__group-label--PaddingBlockEnd: 0;
}
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
display: grid;
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
}
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
}
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-no-padding-top {
--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
}
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-info {
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
flex-direction: column;
align-items: flex-start;
}
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label-main {
flex-grow: 0;
}
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-control {
grid-column: 2;
}
}
@media (min-width: 75rem) {
.pf-v6-c-form.pf-m-horizontal-on-xl {
--pf-v6-c-form__group-label--PaddingBlockEnd: 0;
}
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
display: grid;
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
}
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
}
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
}
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-info {
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
flex-direction: column;
align-items: flex-start;
}
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label-main {
flex-grow: 0;
}
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-control {
grid-column: 2;
}
}
@media (min-width: 90.625rem) {
.pf-v6-c-form.pf-m-horizontal-on-2xl {
--pf-v6-c-form__group-label--PaddingBlockEnd: 0;
}
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
display: grid;
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
}
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
}
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
}
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-info {
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
flex-direction: column;
align-items: flex-start;
}
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label-main {
flex-grow: 0;
}
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-control {
grid-column: 2;
}
}
.pf-v6-c-form.pf-m-limit-width {
max-width: var(--pf-v6-c-form--m-limit-width--MaxWidth);
}
.pf-v6-c-form__group {
display: flex;
flex-direction: column;
gap: var(--pf-v6-c-form__group--Gap);
min-width: 0;
}
.pf-v6-c-form__group.pf-m-action {
margin-block-start: var(--pf-v6-c-form__group--m-action--MarginBlockStart);
overflow: hidden;
}
.pf-v6-c-form__section {
display: grid;
gap: var(--pf-v6-c-form__section--Gap);
}
.pf-v6-c-form__section + .pf-v6-c-form__group:not(.pf-m-action), .pf-v6-c-form__section:not(:first-child) {
margin-block-start: var(--pf-v6-c-form__section--MarginBlockStart);
}
.pf-v6-c-form__section-title {
margin-block-end: var(--pf-v6-c-form__section-title--MarginBlockEnd);
font-size: var(--pf-v6-c-form__section-title--FontSize);
font-weight: var(--pf-v6-c-form__section-title--FontWeight);
}
.pf-v6-c-form__group-label {
--pf-v6-c-form__helper-text--MarginBlockStart: 0;
}
.pf-v6-c-form__group-label.pf-m-info {
display: flex;
gap: var(--pf-v6-c-form__group-label--m-info--Gap);
align-items: flex-end;
}
.pf-v6-c-form__group-label-main {
flex-grow: 1;
}
.pf-v6-c-form__group-label-info {
font-size: var(--pf-v6-c-form__group-label-info--FontSize);
}
.pf-v6-c-form__label {
font-size: var(--pf-v6-c-form__label--FontSize);
line-height: var(--pf-v6-c-form__label--LineHeight);
}
.pf-v6-c-form__label:not(.pf-m-disabled):hover {
cursor: var(--pf-v6-c-form__label--hover--Cursor);
}
.pf-v6-c-form__label.pf-m-disabled {
color: var(--pf-v6-c-form__label--m-disabled--Color);
}
.pf-v6-c-form__label.pf-m-disabled:hover {
cursor: var(--pf-v6-c-form__label--m-disabled--hover--Cursor);
}
.pf-v6-c-form__label-text {
font-weight: var(--pf-v6-c-form__label-text--FontWeight);
}
.pf-v6-c-form__label-required {
margin-inline-start: var(--pf-v6-c-form__label-required--MarginInlineStart);
font-size: var(--pf-v6-c-form__label-required--FontSize);
color: var(--pf-v6-c-form__label-required--Color);
}
.pf-v6-c-form__group-label-help .pf-v6-c-button {
--pf-v6-c-button--FontSize: var(--pf-v6-c-form__group-label-help--FontSize);
}
.pf-v6-c-form__group-control {
min-width: 0;
}
.pf-v6-c-form__group-control.pf-m-inline {
display: flex;
flex-flow: row wrap;
gap: var(--pf-v6-c-form__group-control--m-inline--Gap);
}
.pf-v6-c-form__group-control.pf-m-stack {
--pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart);
display: grid;
gap: var(--pf-v6-c-form__group-control--m-stack--Gap);
}
.pf-v6-c-form__group-control .pf-v6-c-form__helper-text:first-child {
--pf-v6-c-form__helper-text--MarginBlockStart: 0;
margin-block-end: var(--pf-v6-c-form__group-control__helper-text--MarginBlockEnd);
}
.pf-v6-c-form__helper-text {
margin-block-start: var(--pf-v6-c-form__helper-text--MarginBlockStart);
}
.pf-v6-c-form__helper-text.pf-m-inactive {
display: none;
}
.pf-v6-c-form__helper-text.pf-m-hidden {
visibility: hidden;
opacity: 0;
}
.pf-v6-c-form__fieldset {
border: 0;
}
.pf-v6-c-form__actions {
display: flex;
flex-wrap: wrap;
margin-block-start: var(--pf-v6-c-form__actions--MarginBlockStart);
margin-block-end: var(--pf-v6-c-form__actions--MarginBlockEnd);
margin-inline-start: var(--pf-v6-c-form__actions--MarginInlineStart);
margin-inline-end: var(--pf-v6-c-form__actions--MarginInlineEnd);
}
.pf-v6-c-form__actions > * {
margin-block-start: var(--pf-v6-c-form__actions--child--MarginBlockStart);
margin-block-end: var(--pf-v6-c-form__actions--child--MarginBlockEnd);
margin-inline-start: var(--pf-v6-c-form__actions--child--MarginInlineStart);
margin-inline-end: var(--pf-v6-c-form__actions--child--MarginInlineEnd);
}
.pf-v6-c-form__field-group {
--pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
display: grid;
grid-template-columns: minmax(var(--pf-v6-c-form__field-group--GridTemplateColumns--toggle), max-content) 1fr;
border-block-start: var(--pf-v6-c-form__field-group--BorderBlockStartWidth) solid var(--pf-v6-c-form__field-group--BorderBlockStartColor);
border-block-end: var(--pf-v6-c-form__field-group--BorderBlockEndWidth) solid var(--pf-v6-c-form__field-group--BorderBlockEndColor);
}
.pf-v6-c-form__field-group:last-child {
--pf-v6-c-form__field-group--BorderBlockEndWidth: 0;
}
.pf-v6-c-form__field-group + .pf-v6-c-form__field-group, .pf-v6-c-form__field-group:first-child {
--pf-v6-c-form__field-group--BorderBlockStartWidth: 0;
}
.pf-v6-c-form__field-group + .pf-v6-c-form__field-group {
margin-block-start: var(--pf-v6-c-form__field-group--field-group--MarginBlockStart);
}
.pf-v6-c-form__field-group .pf-v6-c-form__field-group {
--pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-body--GridColumn);
--pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart);
--pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart);
--pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd);
--pf-v6-c-form__field-group-body--PaddingBlockStart: 0;
}
.pf-v6-c-form__field-group .pf-v6-c-form__field-group .pf-v6-c-form__field-group-toggle ~ .pf-v6-c-form__field-group-body {
--pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn);
}
.pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
}
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
max-height: 99999px;
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
visibility: visible;
opacity: 1;
transition-delay: 0s;
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
}
.pf-v6-c-form__field-group-toggle {
grid-row: 1/2;
grid-column: 1/2;
padding-block-start: var(--pf-v6-c-form__field-group-toggle--PaddingBlockStart);
padding-inline-end: var(--pf-v6-c-form__field-group-toggle--PaddingInlineEnd);
}
.pf-v6-c-form__field-group-toggle + .pf-v6-c-form__field-group-header {
--pf-v6-c-form__field-group-header--GridColumn: var(--pf-v6-c-form__field-group-toggle--field-group-header--GridColumn);
}
.pf-v6-c-form__field-group-toggle-button {
margin-block-start: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockStart);
margin-block-end: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd);
}
.pf-v6-c-form__field-group-toggle-icon {
display: inline-block;
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
text-align: center;
transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
transition-property: transform;
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
}
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
scale: -1 1;
}
.pf-v6-c-form__field-group-header {
display: flex;
grid-row: 1/2;
grid-column: var(--pf-v6-c-form__field-group-header--GridColumn);
align-items: flex-start;
padding-block-start: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
padding-block-end: var(--pf-v6-c-form__field-group-header--PaddingBlockEnd);
}
.pf-v6-c-form__field-group-header-main {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.pf-v6-c-form__field-group-header-title {
display: flex;
}
.pf-v6-c-form__field-group-header-title-text {
flex-grow: 1;
}
.pf-v6-c-form__field-group-header-description {
margin-block-start: var(--pf-v6-c-form__field-group-header-description--MarginBlockStart);
color: var(--pf-v6-c-form__field-group-header-description--Color);
}
.pf-v6-c-form__field-group-header-actions {
margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
white-space: nowrap;
}
.pf-v6-c-form__field-group-body {
display: grid;
grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
gap: var(--pf-v6-c-form__field-group-body--Gap);
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
}
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
max-height: 0;
padding-block-start: 0;
padding-block-end: 0;
visibility: hidden;
opacity: 0;
transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
}
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
--pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
--pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
}
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:last-child {
margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
}
.pf-v6-c-table {
--pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
--pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
--pf-v6-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
--pf-v6-c-table__caption--FontSize: var(--pf-t--global--font--size--body--default);
--pf-v6-c-table__caption--Color: var(--pf-t--global--text--color--subtle);
--pf-v6-c-table__caption--PaddingBlockStart: var(--pf-t--global--spacer--md);
--pf-v6-c-table__caption--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
--pf-v6-c-table__caption--PaddingBlockEnd: var(--pf-t--global--spacer--md);
--pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
--pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
--pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
--pf-v6-c-table__thead__toggle--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
--pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
--pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
--pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
--pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
--pf-v6-c-table__tr--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
--pf-v6-c-table__tr--BorderBlockEndColor: var(--pf-t--global--border--color--default);
--pf-v6-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--cell--Padding--base);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
--pf-v6-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
--pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body--default);
--pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
--pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
--pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
--pf-v6-c-table--cell--MinWidth: calc(var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineEnd));
--pf-v6-c-table--cell--MaxWidth: none;
--pf-v6-c-table--cell--Width: auto;
--pf-v6-c-table--cell--Overflow: visible;
--pf-v6-c-table--cell--TextOverflow: clip;
--pf-v6-c-table--cell--WhiteSpace: normal;
--pf-v6-c-table--cell--WordBreak: normal;
--pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
--pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
--pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
--pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
--pf-v6-c-table--cell--m-help--MinWidth: 11ch;
--pf-v6-c-table--m-truncate--cell--MaxWidth: 1px;
--pf-v6-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineStart));
--pf-v6-c-table__text--MinWidth: 100%;
--pf-v6-c-table__text--m-truncate--MinWidth: 5ch;
--pf-v6-c-table--m-truncate__text--MinWidth: 5ch;
--pf-v6-c-table--cell--hidden-visible--Display: table-cell;
--pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
--pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
--pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
--pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
--pf-v6-c-table__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
--pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
--pf-v6-c-table__button--BorderColor: var(--pf-t--global--border--color--high-contrast);
--pf-v6-c-table__button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
--pf-v6-c-table__button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
--pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
--pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
--pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
--pf-v6-c-table__check--PaddingInlineStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__check--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
--pf-v6-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
--pf-v6-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
--pf-v6-c-table__tr--m-ghost-row--Opacity: .4;
--pf-v6-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
--pf-v6-c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
--pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
--pf-v6-c-table__expandable-row--Opacity: 0;
--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
--pf-v6-c-table__expandable-row--TranslateY: 0;
--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
--pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
--pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
--pf-v6-c-table__expandable-row-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
--pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
--pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
--pf-v6-c-table__expandable-row-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
--pf-v6-c-table__expandable-row-content--BorderWidth: 0;
--pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
--pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
--pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
--pf-v6-c-table__icon-inline--MarginInlineEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__sort--MinWidth: calc(6ch + var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineStart) + var(--pf-v6-c-table__sort-indicator--MarginInlineStart));
--pf-v6-c-table__sort--m-selected__button--Color: var(--pf-t--global--color--brand--clicked);
--pf-v6-c-table__sort--m-help--MinWidth: 15ch;
--pf-v6-c-table__sort__button__text--Color: currentcolor;
--pf-v6-c-table__sort__button--hover__text--Color: currentcolor;
--pf-v6-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
--pf-v6-c-table__sort-indicator--MarginInlineStart: var(--pf-t--global--spacer--md);
--pf-v6-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--color--brand--clicked);
--pf-v6-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
--pf-v6-c-table__th--m-help--MinWidth: 11ch;
--pf-v6-c-table__column-help--MarginInlineStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
--pf-v6-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius: inherit;
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
--pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
--pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-table--m-compact--cell--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-table__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
--pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
--pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
--pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
--pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
--pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
--pf-v6-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
--pf-v6-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: transparent;
--pf-v6-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
--pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
--pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
--pf-v6-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
--pf-v6-c-table__nested-column-header__button--PaddingInlineStart: calc(var(--pf-v6-c-table__button--PaddingInlineStart) - var(--pf-t--global--spacer--control--horizontal--plain));
--pf-v6-c-table__nested-column-header__button--PaddingInlineEnd: calc(var(--pf-v6-c-table__button--PaddingInlineEnd) - (var(--pf-t--global--spacer--control--horizontal--plain) / 2));
--pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
--pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
}
@media screen and (prefers-reduced-motion: no-preference) {
.pf-v6-c-table {
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
--pf-v6-c-table__expandable-row--TranslateY: -.5rem;
}
}
.pf-v6-c-table {
width: 100%;
background-color: var(--pf-v6-c-table--BackgroundColor);
}
.pf-v6-c-table.pf-m-fixed {
table-layout: fixed;
}
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead,
.pf-v6-c-table .pf-v6-c-table__thead.pf-m-nested-column-header {
position: sticky;
inset-block-start: 0;
z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
background: var(--pf-v6-c-table--BackgroundColor);
}
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::before,
.pf-v6-c-table .pf-v6-c-table__thead.pf-m-nested-column-header::before {
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: 0;
inset-inline-end: 0;
z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
pointer-events: none;
content: "";
border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
}
.pf-v6-c-table.pf-m-sticky-header {
position: relative;
}
.pf-v6-c-table.pf-m-sticky-header thead:where(.pf-v6-c-table__thead) tr:where(.pf-v6-c-table__tr) > :where(th, td) {
z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
}
.pf-v6-c-table.pf-m-sticky-header > .pf-m-nested-column-header {
position: sticky;
inset-block-start: 0;
background: var(--pf-v6-c-table--BackgroundColor);
}
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
border-block-end: 0;
}
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) th:where(.pf-v6-c-table__th):not([rowspan]),
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
}
.pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
.pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
.pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-striped {
--pf-v6-c-table__sticky-column--BackgroundColor: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
background: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
}
.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row).pf-m-ghost-row {
background-color: var(--pf-v6-c-table__tr--m-ghost-row--BackgroundColor);
opacity: var(--pf-v6-c-table__tr--m-ghost-row--Opacity);
}
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
--pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-table--cell--hidden-visible--Display);
--pf-v6-hidden-visible--hidden--Display: none;
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
display: var(--pf-v6-hidden-visible--Display);
position: relative;
width: var(--pf-v6-c-table--cell--Width);
min-width: var(--pf-v6-c-table--cell--MinWidth);
max-width: var(--pf-v6-c-table--cell--MaxWidth);
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
overflow: var(--pf-v6-c-table--cell--Overflow);
font-size: var(--pf-v6-c-table--cell--FontSize);
font-weight: var(--pf-v6-c-table--cell--FontWeight);
line-height: var(--pf-v6-c-table--cell--LineHeight);
color: var(--pf-v6-c-table--cell--Color);
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
word-break: var(--pf-v6-c-table--cell--WordBreak);
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
}
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
@media screen and (min-width: 36rem) {
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-sm {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-visible-on-sm {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
}
}
@media screen and (min-width: 48rem) {
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-md {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-visible-on-md {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
}
}
@media screen and (min-width: 62rem) {
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-lg {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-visible-on-lg {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
}
}
@media screen and (min-width: 75rem) {
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-xl {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-visible-on-xl {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
}
}
@media screen and (min-width: 90.625rem) {
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-2xl {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-visible-on-2xl {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
}
}
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
}
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
padding-inline-end: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
}
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
text-align: center;
}
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):is(:empty, .pf-v6-c-table__cell-empty) {
width: auto;
min-width: 0;
padding: 0;
}
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-help {
--pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--cell--m-help--MinWidth);
}
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-favorite {
--pf-v6-c-table__button--Color: var(--pf-v6-c-table--cell--m-favorite--Color);
--pf-v6-c-table__sort--MinWidth: fit-content;
--pf-v6-c-table--cell--MaxWidth: fit-content;
--pf-v6-c-table--cell--Overflow: visible;
}
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-border-right::before, .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-border-left::before {
position: absolute;
inset: 0;
pointer-events: none;
content: "";
}
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-border-right::before {
border-inline-end: var(--pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth) solid var(--pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor);
}
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-border-left::before {
border-inline-start: var(--pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth) solid var(--pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor);
}
.pf-v6-c-table caption:where(.pf-v6-c-table__caption) {
padding-block-start: var(--pf-v6-c-table__caption--PaddingBlockStart);
padding-block-end: var(--pf-v6-c-table__caption--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-table__caption--PaddingInlineStart);
font-size: var(--pf-v6-c-table__caption--FontSize);
color: var(--pf-v6-c-table__caption--Color);
text-align: start;
background-color: var(--pf-v6-c-table--BackgroundColor);
}
.pf-v6-c-table thead:where(.pf-v6-c-table__thead) {
--pf-v6-c-table--cell--FontSize: var(--pf-v6-c-table__thead--cell--FontSize);
--pf-v6-c-table--cell--FontWeight: var(--pf-v6-c-table__thead--cell--FontWeight);
--pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
--pf-v6-c-table--cell--MaxWidth: var(--pf-v6-c-table--m-truncate--cell--MaxWidth);
--pf-v6-c-table--cell--Overflow: hidden;
--pf-v6-c-table--cell--TextOverflow: ellipsis;
--pf-v6-c-table--cell--WhiteSpace: nowrap;
}
.pf-v6-c-table thead:where(.pf-v6-c-table__thead) .pf-v6-c-table__sort .pf-v6-c-table__button {
margin-block-end: calc(var(--pf-v6-c-table__button--PaddingBlockEnd) * -1);
}
.pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nested-column-header button:where(.pf-v6-c-button) {
outline-offset: var(--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset);
}
.pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:first-child) th:where(.pf-v6-c-table__th):not([rowspan]),
.pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:first-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart);
}
.pf-v6-c-table thead:where(.pf-v6-c-table__thead) .pf-v6-c-table__subhead {
--pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__subhead--Color);
color: var(--pf-v6-c-table__subhead--Color);
}
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__tbody--cell--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__tbody--cell--PaddingBlockEnd);
--pf-v6-c-table--cell--FontSize: var(--pf-v6-c-table__tbody--cell--FontSize);
}
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :where(th, td) {
overflow-wrap: break-word;
}
.pf-v6-c-table .pf-v6-c-table__td.pf-m-action {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__td--m-action--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__td--m-action--PaddingBlockEnd);
}
.pf-v6-c-table .pf-v6-c-table__sort {
min-width: var(--pf-v6-c-table__sort--MinWidth);
}
.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td).pf-m-help {
min-width: var(--pf-v6-c-table__th--m-help--MinWidth);
}
.pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody) {
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
--pf-v6-c-table__tbody--BorderBlockEndWidth: 0;
--pf-v6-c-table--m-expandable__tbody--BorderBlockEndWidth: 0;
--pf-v6-c-table__control-row--BorderBlockEndWidth: 0;
}
.pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) {
border-block-end: 0;
}
.pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody):not(.pf-m-expanded) .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button::before {
display: none;
}
.pf-v6-c-table tr.pf-m-clickable:last-child {
border-block-end-color: transparent;
}
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
cursor: pointer;
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
}
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
--pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
}
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
position: relative;
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
}
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
}
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
cursor: pointer;
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
}
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
}
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable.pf-m-expanded {
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
}
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
}
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
border: none;
}
.pf-v6-c-table.pf-m-drag-over {
overflow-anchor: none;
}
.pf-v6-c-table .pf-v6-c-table {
background-color: transparent;
}
.pf-v6-c-table .pf-v6-c-table,
.pf-v6-c-table .pf-v6-c-table :is(.pf-v6-c-table__tbody, .pf-v6-c-table__tr:last-child) {
border-block-end: 0;
}
.pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
--pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
}
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody.pf-m-expanded > .pf-v6-c-table__control-row {
border-block-end: 0;
}
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
display: var(--pf-v6-c-table__expandable-row--Display, revert);
visibility: hidden;
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
transition-property: opacity, translate, visibility, background-color;
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
}
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
display: var(--pf-v6-c-table__expandable-row--Display, revert);
}
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
visibility: visible;
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
transition-delay: 0s;
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
}
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
max-height: 99999px;
}
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th),
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
padding: 0;
overflow: hidden;
transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
transition-property: padding, max-height, overflow;
}
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
max-height: 0;
}
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
border-block-end: 0;
}
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row {
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: 0s;
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
}
[class*=pf-v6-c-table].pf-m-truncate {
--pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
--pf-v6-c-table--cell--MaxWidth: var(--pf-v6-c-table--m-truncate--cell--MaxWidth);
--pf-v6-c-table--cell--Overflow: hidden;
--pf-v6-c-table--cell--TextOverflow: ellipsis;
--pf-v6-c-table--cell--WhiteSpace: nowrap;
}
[class*=pf-v6-c-table].pf-m-wrap {
--pf-v6-c-table--cell--MinWidth: 0;
--pf-v6-c-table--cell--MaxWidth: none;
--pf-v6-c-table--cell--Overflow: visible;
--pf-v6-c-table--cell--TextOverflow: clip;
--pf-v6-c-table--cell--WhiteSpace: normal;
}
[class*=pf-v6-c-table].pf-m-nowrap {
--pf-v6-c-table--cell--MinWidth: 0;
--pf-v6-c-table--cell--MaxWidth: none;
--pf-v6-c-table--cell--Overflow: visible;
--pf-v6-c-table--cell--TextOverflow: clip;
--pf-v6-c-table--cell--WhiteSpace: nowrap;
}
[class*=pf-v6-c-table] .pf-v6-c-table__icon, [class*=pf-v6-c-table].pf-m-fit-content {
--pf-v6-c-table--cell--MinWidth: fit-content;
--pf-v6-c-table--cell--MaxWidth: none;
--pf-v6-c-table--cell--Width: 1%;
--pf-v6-c-table--cell--Overflow: visible;
--pf-v6-c-table--cell--TextOverflow: clip;
--pf-v6-c-table--cell--WhiteSpace: nowrap;
}
[class*=pf-v6-c-table].pf-m-break-word {
--pf-v6-c-table--cell--WordBreak: break-word;
--pf-v6-c-table--cell--WhiteSpace: normal;
}
.pf-v6-c-table__text {
position: relative;
display: block;
width: var(--pf-v6-c-table--cell--Width);
min-width: var(--pf-v6-c-table__text--MinWidth);
max-width: var(--pf-v6-c-table--cell--MaxWidth);
overflow: var(--pf-v6-c-table--cell--Overflow);
line-height: var(--pf-v6-c-table--cell--LineHeight);
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
word-break: var(--pf-v6-c-table--cell--WordBreak);
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
}
.pf-v6-c-table__text.pf-m-truncate {
--pf-v6-c-table--cell--MinWidth: 100%;
min-width: max(var(--pf-v6-c-table__text--m-truncate--MinWidth), var(--pf-v6-c-table__text--MinWidth));
}
.pf-v6-c-table__text.pf-m-truncate > :where(th, td) {
overflow: var(--pf-v6-c-table--cell--Overflow);
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
}
.pf-v6-c-table__button {
position: relative;
width: auto;
padding-block-start: var(--pf-v6-c-table__button--PaddingBlockStart);
padding-block-end: var(--pf-v6-c-table__button--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-table__button--PaddingInlineStart);
padding-inline-end: var(--pf-v6-c-table__button--PaddingInlineEnd);
margin-block-end: calc(var(--pf-v6-c-table__button--PaddingBlockEnd) * -1);
margin-inline-start: calc(var(--pf-v6-c-table__button--PaddingInlineStart) * -1);
font-size: inherit;
font-weight: inherit;
color: var(--pf-v6-c-table__button--Color);
text-align: start;
white-space: inherit;
user-select: text;
background-color: var(--pf-v6-c-table__button--BackgroundColor);
border: 0;
border-radius: var(--pf-v6-c-table__button--BorderRadius);
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
}
.pf-v6-c-table__button::after {
position: absolute;
inset: 0;
pointer-events: none;
content: "";
border: var(--pf-v6-c-table__button--BorderWidth) solid var(--pf-v6-c-table__button--BorderColor);
border-radius: inherit;
}
.pf-v6-c-table .pf-v6-c-table .pf-v6-c-table__button {
margin-block-end: 0;
}
.pf-v6-c-table__button:is(:hover, :focus) {
color: var(--pf-v6-c-table__button--hover--Color);
}
.pf-v6-c-table__sort .pf-v6-c-table__text,
.pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__text {
display: block;
width: auto;
overflow: var(--pf-v6-c-table--cell--Overflow);
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
}
.pf-v6-c-table__button-content,
.pf-v6-c-table__column-help {
display: inline-grid;
grid-template-columns: auto max-content;
align-items: last baseline;
justify-content: start;
}
.pf-v6-c-table__button-content .pf-v6-c-table__text,
.pf-v6-c-table__column-help .pf-v6-c-table__text {
min-width: auto;
max-width: 100%;
}
.pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nowrap .pf-v6-c-table__button-content, .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-nowrap .pf-v6-c-table__button-content, .pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-nowrap .pf-v6-c-table__button-content,
.pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nowrap .pf-v6-c-table__column-help,
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-nowrap .pf-v6-c-table__column-help,
.pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-nowrap .pf-v6-c-table__column-help {
grid-template-columns: min-content max-content;
}
.pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-fit-content .pf-v6-c-table__button-content, .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-fit-content .pf-v6-c-table__button-content, .pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-fit-content .pf-v6-c-table__button-content,
.pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-fit-content .pf-v6-c-table__column-help,
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-fit-content .pf-v6-c-table__column-help,
.pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-fit-content .pf-v6-c-table__column-help {
grid-template-columns: fit-content max-content;
}
.pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-wrap .pf-v6-c-table__button-content, .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-wrap .pf-v6-c-table__button-content, .pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-wrap .pf-v6-c-table__button-content, .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-truncate .pf-v6-c-table__button-content, .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-truncate .pf-v6-c-table__button-content, .pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-truncate .pf-v6-c-table__button-content,
.pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-wrap .pf-v6-c-table__column-help,
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-wrap .pf-v6-c-table__column-help,
.pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-wrap .pf-v6-c-table__column-help,
.pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-truncate .pf-v6-c-table__column-help,
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-truncate .pf-v6-c-table__column-help,
.pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-truncate .pf-v6-c-table__column-help {
grid-template-columns: auto max-content;
}
.pf-v6-c-table .pf-v6-c-table__check,
.pf-v6-c-table .pf-v6-c-table__toggle,
.pf-v6-c-table .pf-v6-c-table__action,
.pf-v6-c-table .pf-v6-c-table__inline-edit-action,
.pf-v6-c-table .pf-v6-c-table__draggable {
--pf-v6-c-table--cell--MinWidth: 0;
--pf-v6-c-table--cell--Width: 1%;
max-width: none;
}
.pf-v6-c-table .pf-v6-c-table__favorite {
--pf-v6-c-table--cell--MaxWidth: auto;
}
.pf-v6-c-table__toggle {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__toggle--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__toggle--PaddingBlockEnd);
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__toggle--PaddingInlineStart);
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__toggle--PaddingInlineEnd);
}
.pf-v6-c-table__thead .pf-v6-c-table__toggle .pf-v6-c-button {
margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
line-height: 1lh;
}
.pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
}
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
transition-property: transform;
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
}
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
scale: -1 1;
}
.pf-v6-c-table__toggle svg {
pointer-events: none;
}
.pf-v6-c-table__check {
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__check--PaddingInlineStart);
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__check--PaddingInlineEnd);
vertical-align: top;
}
.pf-v6-c-table__check .pf-v6-c-check {
--pf-v6-c-check__label--FontSize: var(--pf-v6-c-table--cell--FontSize);
--pf-v6-c-check__label--LineHeight: var(--pf-v6-c-table--cell--LineHeight);
}
.pf-v6-c-table__check .pf-v6-c-radio {
--pf-v6-c-radio__label--FontSize: var(--pf-v6-c-table--cell--FontSize);
--pf-v6-c-radio__label--LineHeight: var(--pf-v6-c-table--cell--LineHeight);
}
thead .pf-v6-c-table__check {
vertical-align: bottom;
}
thead .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone,
thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
display: table-cell;
height: auto;
line-height: 1;
vertical-align: baseline;
}
.pf-v6-c-table__favorite .pf-v6-c-button:not(.pf-m-favorite) {
--pf-v6-c-button--FontSize: var(--pf-v6-c-table__favorite--c-button--FontSize);
}
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
--pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
}
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
}
.pf-v6-c-table__draggable .pf-v6-c-button {
cursor: grab;
}
.pf-v6-c-table__draggable .pf-v6-c-button:active {
cursor: grabbing;
}
.pf-v6-c-table__action,
.pf-v6-c-table__favorite,
.pf-v6-c-table__inline-edit-action,
.pf-v6-c-table__draggable {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__action--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__action--PaddingBlockEnd);
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__action--PaddingInlineStart);
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__action--PaddingInlineEnd);
}
.pf-v6-c-table__action:last-child,
.pf-v6-c-table__inline-edit-action:last-child {
text-align: end;
}
.pf-v6-c-table__compound-expansion-toggle {
--pf-v6-c-table__button--Color: var(--pf-v6-c-table__compound-expansion-toggle__button--Color);
--pf-v6-c-table__button--hover--Color: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--Color);
position: relative;
padding: 0;
background-color: var(--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor);
}
.pf-v6-c-table__compound-expansion-toggle.pf-m-truncate {
overflow: visible;
}
.pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button {
position: static;
min-width: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}
.pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button:is(:hover, :focus) {
outline: 0;
}
.pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button::after {
position: absolute;
inset: 0;
content: "";
border: 0;
border-block-start: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth) solid var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor);
border-radius: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius);
}
.pf-v6-c-table__compound-expansion-toggle:hover, .pf-v6-c-table__compound-expansion-toggle:focus-within {
--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor);
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth);
}
.pf-v6-c-table__compound-expansion-toggle.pf-m-expanded {
--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor);
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: var(--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth);
}
.pf-v6-c-table__compound-expansion-toggle:focus-within {
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
}
@media (-webkit-min-device-pixel-ratio: 0) {
.pf-v6-c-table__compound-expansion-toggle:focus-within {
outline-style: auto;
outline-color: -webkit-focus-ring-color;
}
}
.pf-v6-c-table__column-help-action {
align-self: last baseline;
margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
}
.pf-v6-c-table__column-help-action .pf-v6-c-button {
line-height: 1lh;
}
.pf-v6-c-table__sort {
vertical-align: bottom;
}
.pf-v6-c-table__sort .pf-v6-c-table__button:is(:hover, :focus) {
--pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--hover__sort-indicator--Color);
--pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--hover__text--Color);
--pf-v6-c-table__button--BackgroundColor: var(--pf-v6-c-table__button--hover--BackgroundColor);
--pf-v6-c-table__button--BorderWidth: var(--pf-v6-c-table__button--hover--BorderWidth);
}
.pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
color: var(--pf-v6-c-table__sort__button__text--Color);
}
.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button, .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-button {
--pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort--m-selected__sort-indicator--Color);
}
.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button .pf-v6-c-table__text, .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-button .pf-v6-c-table__text {
color: var(--pf-v6-c-table__sort--m-selected__button--Color);
}
.pf-v6-c-table__sort.pf-m-help {
--pf-v6-c-table__th--m-help--MinWidth: var(--pf-v6-c-table__sort--m-help--MinWidth);
}
.pf-v6-c-table__sort.pf-m-favorite .pf-v6-c-table__text {
font-size: var(--pf-v6-c-table__favorite--c-button--FontSize);
}
.pf-v6-c-table__sort-indicator {
grid-column: 2;
align-self: end;
margin-inline-start: var(--pf-v6-c-table__sort-indicator--MarginInlineStart);
color: var(--pf-v6-c-table__sort-indicator--Color);
pointer-events: none;
}
.pf-v6-c-table__expandable-row {
position: relative;
border-block-end: 0 solid transparent;
}
:not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
:not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
padding-block-start: 0;
}
.pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):not(.pf-m-no-padding) {
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
}
.pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
.pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
padding-block-start: 0;
padding-block-end: 0;
padding-inline-start: 0;
padding-inline-end: 0;
}
.pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
.pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
padding: 0;
border-radius: 0;
}
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
position: relative;
padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
border: 0;
border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
}
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
background-color: transparent;
}
.pf-v6-c-table__expandable-row .pf-v6-c-table__td:not(.pf-m-no-padding) > .pf-v6-c-table__expandable-row-content::after {
position: absolute;
inset: 0;
pointer-events: none;
content: "";
border: var(--pf-v6-c-table__expandable-row-content--BorderWidth) solid var(--pf-v6-c-table__expandable-row-content--BorderColor);
border-radius: inherit;
}
.pf-v6-c-table__expandable-row.pf-m-expanded {
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
border-block-end-width: var(--pf-v6-c-table--border-width--base);
}
.pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
display: none;
}
.pf-v6-c-table__expandable-row tr:last-child {
border-block-end: 0;
}
.pf-v6-c-table.pf-m-compact {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
}
.pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
}
.pf-v6-c-table.pf-m-compact thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th),
.pf-v6-c-table.pf-m-compact thead:where(.pf-v6-c-table__thead) .pf-v6-c-table__toggle {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__th--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__th--PaddingBlockEnd);
}
.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action,
.pf-v6-c-table.pf-m-compact .pf-v6-c-table__favorite,
.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle,
.pf-v6-c-table.pf-m-compact .pf-v6-c-table__draggable {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__action--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__action--PaddingBlockEnd);
}
.pf-v6-c-table.pf-m-compact .pf-v6-c-table__td.pf-m-action {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd);
}
.pf-v6-c-table.pf-m-compact .pf-v6-c-table__icon {
width: auto;
min-width: 0;
text-align: center;
}
.pf-v6-c-table__thead {
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
--pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-v6-c-table__thead__toggle--PaddingBlockStart);
--pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
vertical-align: bottom;
}
.pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
--pf-v6-c-table__button--PaddingInlineStart: var(--pf-v6-c-table__nested-column-header__button--PaddingInlineStart);
--pf-v6-c-table__button--PaddingInlineEnd: var(--pf-v6-c-table__nested-column-header__button--PaddingInlineEnd);
margin-inline-end: calc(var(--pf-v6-c-table__button--PaddingInlineStart) * -1);
}
.pf-v6-c-table__tbody {
vertical-align: top;
}
.pf-v6-c-table__tbody .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row.pf-m-expanded {
--pf-v6-c-table__expandable-row-content--BorderWidth: var(--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth);
background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
}
.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tr.pf-m-expanded {
border-block-end: 0;
}
.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody {
border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
}
.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
}
.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
}
.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row.pf-m-expanded {
border-block-end: 0;
}
.pf-v6-c-table__tr {
border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
}
.pf-v6-c-table__thead .pf-v6-c-table__tr {
border-block-end: 0;
}
.pf-v6-c-table__tr.pf-m-border-row {
border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
}
.pf-v6-c-table__icon-inline {
display: flex;
align-items: center;
}
.pf-v6-c-table__icon-inline > :not(:last-child) {
margin-inline-end: var(--pf-v6-c-table__icon-inline--MarginInlineEnd);
}
.pf-v6-c-table .pf-m-width-10 {
--pf-v6-c-table--cell--Width: 10%;
}
.pf-v6-c-table .pf-m-width-15 {
--pf-v6-c-table--cell--Width: 15%;
}
.pf-v6-c-table .pf-m-width-20 {
--pf-v6-c-table--cell--Width: 20%;
}
.pf-v6-c-table .pf-m-width-25 {
--pf-v6-c-table--cell--Width: 25%;
}
.pf-v6-c-table .pf-m-width-30 {
--pf-v6-c-table--cell--Width: 30%;
}
.pf-v6-c-table .pf-m-width-35 {
--pf-v6-c-table--cell--Width: 35%;
}
.pf-v6-c-table .pf-m-width-40 {
--pf-v6-c-table--cell--Width: 40%;
}
.pf-v6-c-table .pf-m-width-45 {
--pf-v6-c-table--cell--Width: 45%;
}
.pf-v6-c-table .pf-m-width-50 {
--pf-v6-c-table--cell--Width: 50%;
}
.pf-v6-c-table .pf-m-width-60 {
--pf-v6-c-table--cell--Width: 60%;
}
.pf-v6-c-table .pf-m-width-70 {
--pf-v6-c-table--cell--Width: 70%;
}
.pf-v6-c-table .pf-m-width-80 {
--pf-v6-c-table--cell--Width: 80%;
}
.pf-v6-c-table .pf-m-width-90 {
--pf-v6-c-table--cell--Width: 90%;
}
.pf-v6-c-table .pf-m-width-100 {
--pf-v6-c-table--cell--Width: 100%;
}
.pf-v6-c-inline-edit {
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
--pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
}
.pf-v6-c-inline-edit__group {
display: flex;
align-items: baseline;
}
.pf-v6-c-inline-edit__group > * {
margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
}
.pf-v6-c-inline-edit__group.pf-m-icon-group {
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
}
.pf-v6-c-inline-edit__group.pf-m-footer {
margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
}
.pf-v6-c-inline-edit__group.pf-m-column {
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
flex-direction: column;
}
.pf-v6-c-inline-edit__group > :last-child {
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
}
.pf-v6-c-inline-edit__input {
flex: 1;
}
.pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
--pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
}
.pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
--pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
}
.pf-v6-c-inline-edit__input,
.pf-v6-c-inline-edit__action,
.pf-v6-c-inline-edit__group.pf-m-action-group {
display: none;
}
.pf-v6-c-inline-edit__action.pf-m-enable-editable {
display: inline-block;
}
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
display: block;
}
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
display: inline-block;
}
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
display: inline-flex;
}
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
display: none;
}
.pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
}
.pf-v6-c-inline-edit__label.pf-m-bold {
font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
}
.pf-v6-c-inline-edit__editable-text br {
display: none;
}
.pf-v6-u-screen-reader {
position: fixed;
inset-block-start: 0;
inset-inline-start: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.pf-v6-u-visible {
position: static;
overflow: visible;
clip: auto;
white-space: normal;
border: inherit;
}
.pf-v6-u-hidden {
display: none !important;
}
@media screen and (min-width: 36rem) {
.pf-v6-u-screen-reader-on-sm {
position: fixed;
inset-block-start: 0;
inset-inline-start: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
}
@media screen and (min-width: 36rem) {
.pf-v6-u-visible-on-sm {
position: static;
overflow: visible;
clip: auto;
white-space: normal;
border: inherit;
}
}
@media screen and (min-width: 36rem) {
.pf-v6-u-hidden-on-sm {
display: none !important;
}
}
@media screen and (min-width: 48rem) {
.pf-v6-u-screen-reader-on-md {
position: fixed;
inset-block-start: 0;
inset-inline-start: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
}
@media screen and (min-width: 48rem) {
.pf-v6-u-visible-on-md {
position: static;
overflow: visible;
clip: auto;
white-space: normal;
border: inherit;
}
}
@media screen and (min-width: 48rem) {
.pf-v6-u-hidden-on-md {
display: none !important;
}
}
@media screen and (min-width: 62rem) {
.pf-v6-u-screen-reader-on-lg {
position: fixed;
inset-block-start: 0;
inset-inline-start: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
}
@media screen and (min-width: 62rem) {
.pf-v6-u-visible-on-lg {
position: static;
overflow: visible;
clip: auto;
white-space: normal;
border: inherit;
}
}
@media screen and (min-width: 62rem) {
.pf-v6-u-hidden-on-lg {
display: none !important;
}
}
@media screen and (min-width: 75rem) {
.pf-v6-u-screen-reader-on-xl {
position: fixed;
inset-block-start: 0;
inset-inline-start: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
}
@media screen and (min-width: 75rem) {
.pf-v6-u-visible-on-xl {
position: static;
overflow: visible;
clip: auto;
white-space: normal;
border: inherit;
}
}
@media screen and (min-width: 75rem) {
.pf-v6-u-hidden-on-xl {
display: none !important;
}
}
@media screen and (min-width: 90.625rem) {
.pf-v6-u-screen-reader-on-2xl {
position: fixed;
inset-block-start: 0;
inset-inline-start: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
}
@media screen and (min-width: 90.625rem) {
.pf-v6-u-visible-on-2xl {
position: static;
overflow: visible;
clip: auto;
white-space: normal;
border: inherit;
}
}
@media screen and (min-width: 90.625rem) {
.pf-v6-u-hidden-on-2xl {
display: none !important;
}
}
.pf-v6-c-table {
--pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
--pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
--pf-v6-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
--pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
--pf-v6-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--clicked);
--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
--pf-v6-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth: var(--pf-v6-c-table__tbody--responsive--border-width--base);
--pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
--pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
--pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--md);
--pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart: var(--pf-t--global--spacer--lg);
--pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: 0;
--pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: transparent;
--pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__expandable-row--after--border-width--base);
--pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartColor: var(--pf-t--global--border--color--clicked);
--pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__expandable-row--after--border-width--base);
--pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartColor: var(--pf-t--global--border--color--clicked);
--pf-v6-c-table--m-grid--cell--hidden-visible--Display: grid;
--pf-v6-c-table--m-grid--cell--PaddingBlockStart: 0;
--pf-v6-c-table--m-grid--cell--PaddingInlineEnd: 0;
--pf-v6-c-table--m-grid--cell--PaddingBlockEnd: 0;
--pf-v6-c-table--m-grid--cell--PaddingInlineStart: 0;
--pf-v6-c-table-td--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
--pf-v6-c-table--cell--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
--pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
--pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
--pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
--pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
--pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
--pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
--pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
--pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
--pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart: calc(var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart) + var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart));
--pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
--pf-v6-c-table__toggle__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
--pf-v6-c-table__toggle__icon--Transition: transform var(--pf-v6-c-table__toggle__icon--TransitionDuration) var(--pf-v6-c-table__toggle__icon--TransitionTimingFunction);
--pf-v6-c-table__toggle--m-expanded__icon--Rotate: 180deg;
}
.pf-m-grid.pf-v6-c-table {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
--pf-v6-c-table__favorite--c-button--MarginInlineStart: auto;
display: grid;
border: none;
}
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
width: auto;
min-width: 0;
max-width: none;
overflow: visible;
text-overflow: clip;
white-space: normal;
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__text {
position: relative;
width: auto;
min-width: 0;
max-width: none;
overflow: var(--pf-v6-c-table--cell--Overflow);
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
}
.pf-m-grid.pf-v6-c-table thead:where(.pf-v6-c-table__thead) {
display: none;
}
.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
display: block;
}
.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
}
.pf-m-grid.pf-v6-c-table.pf-m-animate-expand {
--pf-v6-c-table__expandable-row--Display: block;
}
.pf-m-grid.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
content: none;
}
.pf-m-grid.pf-v6-c-table.pf-m-expandable {
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
}
.pf-m-grid.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
.pf-m-grid.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
}
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
--pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
--pf-v6-c-table__expandable-row--after--BorderColor: transparent;
}
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
display: grid;
grid-template-columns: 1fr;
height: auto;
grid-auto-columns: max-content;
grid-column-gap: var(--pf-v6-c-table__tr--responsive--GridColumnGap);
padding-block-start: var(--pf-v6-c-table__tr--responsive--PaddingBlockStart);
padding-inline-end: var(--pf-v6-c-table__tr--responsive--PaddingInlineEnd);
padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
}
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
}
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
}
.pf-m-grid.pf-v6-c-table.pf-m-compact {
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
--pf-v6-c-table--cell--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd);
--pf-v6-c-table__check--responsive--MarginBlockStart: var(--pf-v6-c-table--m-compact__check--responsive--MarginBlockStart);
--pf-v6-c-table__check--input--MarginBlockStart: 0;
}
.pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
}
.pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__icon > * {
text-align: start;
}
.pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] {
--pf-v6-c-table--cell--hidden-visible--Display: var(--pf-v6-c-table--m-grid--cell--hidden-visible--Display);
grid-column: 1;
grid-column-gap: var(--pf-v6-c-table-td--responsive--GridColumnGap);
grid-template-columns: 1fr minmax(0, 1.5fr);
align-items: start;
}
.pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
align-items: center;
}
.pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
grid-column: 2;
}
.pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
position: revert;
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
text-align: start;
content: attr(data-label);
}
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
--pf-v6-c-table--cell--PaddingInlineStart: 0;
}
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
--pf-v6-c-table--cell--PaddingInlineEnd: 0;
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table {
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart);
--pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd);
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd);
--pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
border: 0;
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
--pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
--pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
--pf-v6-c-table__compound-expansion-toggle__button--after--InsetBlockStart: 100%;
}
.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
position: relative;
}
.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody)::after {
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: 0;
content: "";
border: 0;
border-inline-start: var(--pf-v6-c-table__tbody--after--BorderInlineStartWidth) solid var(--pf-v6-c-table__tbody--after--BorderColor);
}
.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
--pf-v6-c-table__tbody--after--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--after--border-width--base);
}
.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tbody:where(.pf-v6-c-table__tbody) {
--pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
}
.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :first-child:not(.pf-v6-c-table__check)::after {
--pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
position: static;
width: auto;
background-color: transparent;
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row {
--pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
--pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
--pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
--pf-v6-c-table--cell--PaddingInlineEnd: 0;
--pf-v6-c-table--cell--PaddingInlineStart: 0;
display: block;
max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
overflow-y: auto;
border-block-end: none;
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
position: static;
display: block;
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
border-block-start-color: var(--pf-v6-c-table--BorderColor);
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
content: none;
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
padding: 0;
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
display: none;
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
}
.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable {
--pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
--pf-v6-c-table__tbody--after--BorderInlineStartColor: transparent;
}
.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable,
.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable > tr:where(.pf-v6-c-table__tr) {
position: relative;
}
.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable > tr:where(.pf-v6-c-table__tr)::after {
content: "";
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: 0;
width: var(--pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth);
background-color: var(--pf-v6-c-table__tbody--after__tr--BorderInlineStartColor);
}
.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable.pf-m-expanded {
--pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartWidth);
--pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartColor);
}
.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable.pf-m-selected {
--pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartWidth);
--pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartColor);
}
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected::after {
content: "";
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: 0;
width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
}
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__favorite,
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__action {
width: auto;
padding: 0;
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__toggle {
grid-row-start: 20;
grid-column: -1;
justify-self: end;
padding-inline-end: 0;
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__toggle::after {
content: none;
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__button {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__check,
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__favorite,
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
grid-row-start: 1;
grid-column-start: 2;
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__check {
margin-block-start: var(--pf-v6-c-table__check--responsive--MarginBlockStart);
margin-inline-start: var(--pf-v6-c-table__check--responsive--MarginInlineStart);
line-height: 1;
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__favorite {
margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart);
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__favorite ~ .pf-v6-c-table__action {
margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart);
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__action {
margin-inline-start: var(--pf-v6-c-table__action--responsive--MarginInlineStart);
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__check label {
display: inline-block;
margin: 0;
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__favorite {
margin-block-start: var(--pf-v6-c-table--m-grid__favorite--MarginBlockStart);
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__favorite ~ .pf-v6-c-table__action {
margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
text-align: end;
}
@media screen and (max-width: 36rem) {
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
grid-row-start: 1;
grid-column-start: 2;
margin-inline-start: 0;
}
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
grid-column: 2;
grid-row: 2;
}
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__toggle-icon {
transition: var(--pf-v6-c-table__toggle__icon--Transition);
}
.pf-v6-c-button.pf-m-expanded > .pf-m-grid.pf-v6-c-table .pf-v6-c-table__toggle-icon {
transform: rotate(var(--pf-v6-c-table__toggle--m-expanded__icon--Rotate));
}
.pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-nowrap {
--pf-v6-c-table--cell--Overflow: auto;
}
.pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-fit-content {
width: auto;
white-space: normal;
}
.pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-truncate {
--pf-v6-c-table--cell--MaxWidth: 100%;
}
.pf-m-grid.pf-v6-c-table [class*=pf-m-width] {
--pf-v6-c-table--cell--Width: auto;
}
@media screen and (max-width: calc(48rem - 1px)) {
.pf-m-grid-md.pf-v6-c-table {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
--pf-v6-c-table__favorite--c-button--MarginInlineStart: auto;
display: grid;
border: none;
}
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
width: auto;
min-width: 0;
max-width: none;
overflow: visible;
text-overflow: clip;
white-space: normal;
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__text {
position: relative;
width: auto;
min-width: 0;
max-width: none;
overflow: var(--pf-v6-c-table--cell--Overflow);
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
}
.pf-m-grid-md.pf-v6-c-table thead:where(.pf-v6-c-table__thead) {
display: none;
}
.pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
display: block;
}
.pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
}
.pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand {
--pf-v6-c-table__expandable-row--Display: block;
}
.pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
content: none;
}
.pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
}
.pf-m-grid-md.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
.pf-m-grid-md.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
}
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
--pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
--pf-v6-c-table__expandable-row--after--BorderColor: transparent;
}
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
display: grid;
grid-template-columns: 1fr;
height: auto;
grid-auto-columns: max-content;
grid-column-gap: var(--pf-v6-c-table__tr--responsive--GridColumnGap);
padding-block-start: var(--pf-v6-c-table__tr--responsive--PaddingBlockStart);
padding-inline-end: var(--pf-v6-c-table__tr--responsive--PaddingInlineEnd);
padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
}
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
}
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
}
.pf-m-grid-md.pf-v6-c-table.pf-m-compact {
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
--pf-v6-c-table--cell--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd);
--pf-v6-c-table__check--responsive--MarginBlockStart: var(--pf-v6-c-table--m-compact__check--responsive--MarginBlockStart);
--pf-v6-c-table__check--input--MarginBlockStart: 0;
}
.pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
}
.pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__icon > * {
text-align: start;
}
.pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] {
--pf-v6-c-table--cell--hidden-visible--Display: var(--pf-v6-c-table--m-grid--cell--hidden-visible--Display);
grid-column: 1;
grid-column-gap: var(--pf-v6-c-table-td--responsive--GridColumnGap);
grid-template-columns: 1fr minmax(0, 1.5fr);
align-items: start;
}
.pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
align-items: center;
}
.pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
grid-column: 2;
}
.pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
position: revert;
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
text-align: start;
content: attr(data-label);
}
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
--pf-v6-c-table--cell--PaddingInlineStart: 0;
}
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
--pf-v6-c-table--cell--PaddingInlineEnd: 0;
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table {
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart);
--pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd);
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd);
--pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
border: 0;
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
--pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
--pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
--pf-v6-c-table__compound-expansion-toggle__button--after--InsetBlockStart: 100%;
}
.pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
position: relative;
}
.pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody)::after {
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: 0;
content: "";
border: 0;
border-inline-start: var(--pf-v6-c-table__tbody--after--BorderInlineStartWidth) solid var(--pf-v6-c-table__tbody--after--BorderColor);
}
.pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
--pf-v6-c-table__tbody--after--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--after--border-width--base);
}
.pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tbody:where(.pf-v6-c-table__tbody) {
--pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
}
.pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :first-child:not(.pf-v6-c-table__check)::after {
--pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
position: static;
width: auto;
background-color: transparent;
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row {
--pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
--pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
--pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
--pf-v6-c-table--cell--PaddingInlineEnd: 0;
--pf-v6-c-table--cell--PaddingInlineStart: 0;
display: block;
max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
overflow-y: auto;
border-block-end: none;
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
position: static;
display: block;
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
border-block-start-color: var(--pf-v6-c-table--BorderColor);
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
content: none;
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
padding: 0;
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
display: none;
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
}
.pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable {
--pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
--pf-v6-c-table__tbody--after--BorderInlineStartColor: transparent;
}
.pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable,
.pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable > tr:where(.pf-v6-c-table__tr) {
position: relative;
}
.pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable > tr:where(.pf-v6-c-table__tr)::after {
content: "";
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: 0;
width: var(--pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth);
background-color: var(--pf-v6-c-table__tbody--after__tr--BorderInlineStartColor);
}
.pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable.pf-m-expanded {
--pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartWidth);
--pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartColor);
}
.pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable.pf-m-selected {
--pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartWidth);
--pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartColor);
}
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected::after {
content: "";
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: 0;
width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
}
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__favorite,
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__action {
width: auto;
padding: 0;
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__toggle {
grid-row-start: 20;
grid-column: -1;
justify-self: end;
padding-inline-end: 0;
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__toggle::after {
content: none;
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__button {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__check,
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__favorite,
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
grid-row-start: 1;
grid-column-start: 2;
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__check {
margin-block-start: var(--pf-v6-c-table__check--responsive--MarginBlockStart);
margin-inline-start: var(--pf-v6-c-table__check--responsive--MarginInlineStart);
line-height: 1;
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__favorite {
margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart);
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__favorite ~ .pf-v6-c-table__action {
margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart);
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__action {
margin-inline-start: var(--pf-v6-c-table__action--responsive--MarginInlineStart);
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__check label {
display: inline-block;
margin: 0;
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__favorite {
margin-block-start: var(--pf-v6-c-table--m-grid__favorite--MarginBlockStart);
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__favorite ~ .pf-v6-c-table__action {
margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
text-align: end;
}
}
@media screen and (max-width: calc(48rem - 1px)) and (max-width: 36rem) {
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
grid-row-start: 1;
grid-column-start: 2;
margin-inline-start: 0;
}
}
@media screen and (max-width: calc(48rem - 1px)) {
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
grid-column: 2;
grid-row: 2;
}
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__toggle-icon {
transition: var(--pf-v6-c-table__toggle__icon--Transition);
}
.pf-v6-c-button.pf-m-expanded > .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__toggle-icon {
transform: rotate(var(--pf-v6-c-table__toggle--m-expanded__icon--Rotate));
}
.pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-nowrap {
--pf-v6-c-table--cell--Overflow: auto;
}
.pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-fit-content {
width: auto;
white-space: normal;
}
.pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-truncate {
--pf-v6-c-table--cell--MaxWidth: 100%;
}
.pf-m-grid-md.pf-v6-c-table [class*=pf-m-width] {
--pf-v6-c-table--cell--Width: auto;
}
}
@media screen and (max-width: calc(62rem - 1px)) {
.pf-m-grid-lg.pf-v6-c-table {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
--pf-v6-c-table__favorite--c-button--MarginInlineStart: auto;
display: grid;
border: none;
}
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
width: auto;
min-width: 0;
max-width: none;
overflow: visible;
text-overflow: clip;
white-space: normal;
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__text {
position: relative;
width: auto;
min-width: 0;
max-width: none;
overflow: var(--pf-v6-c-table--cell--Overflow);
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
}
.pf-m-grid-lg.pf-v6-c-table thead:where(.pf-v6-c-table__thead) {
display: none;
}
.pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
display: block;
}
.pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
}
.pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand {
--pf-v6-c-table__expandable-row--Display: block;
}
.pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
content: none;
}
.pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
}
.pf-m-grid-lg.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
.pf-m-grid-lg.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
}
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
--pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
--pf-v6-c-table__expandable-row--after--BorderColor: transparent;
}
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
display: grid;
grid-template-columns: 1fr;
height: auto;
grid-auto-columns: max-content;
grid-column-gap: var(--pf-v6-c-table__tr--responsive--GridColumnGap);
padding-block-start: var(--pf-v6-c-table__tr--responsive--PaddingBlockStart);
padding-inline-end: var(--pf-v6-c-table__tr--responsive--PaddingInlineEnd);
padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
}
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
}
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
}
.pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
--pf-v6-c-table--cell--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd);
--pf-v6-c-table__check--responsive--MarginBlockStart: var(--pf-v6-c-table--m-compact__check--responsive--MarginBlockStart);
--pf-v6-c-table__check--input--MarginBlockStart: 0;
}
.pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
}
.pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__icon > * {
text-align: start;
}
.pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] {
--pf-v6-c-table--cell--hidden-visible--Display: var(--pf-v6-c-table--m-grid--cell--hidden-visible--Display);
grid-column: 1;
grid-column-gap: var(--pf-v6-c-table-td--responsive--GridColumnGap);
grid-template-columns: 1fr minmax(0, 1.5fr);
align-items: start;
}
.pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
align-items: center;
}
.pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
grid-column: 2;
}
.pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
position: revert;
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
text-align: start;
content: attr(data-label);
}
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
--pf-v6-c-table--cell--PaddingInlineStart: 0;
}
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
--pf-v6-c-table--cell--PaddingInlineEnd: 0;
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table {
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart);
--pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd);
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd);
--pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
border: 0;
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
--pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
--pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
--pf-v6-c-table__compound-expansion-toggle__button--after--InsetBlockStart: 100%;
}
.pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
position: relative;
}
.pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody)::after {
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: 0;
content: "";
border: 0;
border-inline-start: var(--pf-v6-c-table__tbody--after--BorderInlineStartWidth) solid var(--pf-v6-c-table__tbody--after--BorderColor);
}
.pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
--pf-v6-c-table__tbody--after--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--after--border-width--base);
}
.pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tbody:where(.pf-v6-c-table__tbody) {
--pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
}
.pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :first-child:not(.pf-v6-c-table__check)::after {
--pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
position: static;
width: auto;
background-color: transparent;
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row {
--pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
--pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
--pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
--pf-v6-c-table--cell--PaddingInlineEnd: 0;
--pf-v6-c-table--cell--PaddingInlineStart: 0;
display: block;
max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
overflow-y: auto;
border-block-end: none;
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
position: static;
display: block;
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
border-block-start-color: var(--pf-v6-c-table--BorderColor);
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
content: none;
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
padding: 0;
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
display: none;
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
}
.pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable {
--pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
--pf-v6-c-table__tbody--after--BorderInlineStartColor: transparent;
}
.pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable,
.pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable > tr:where(.pf-v6-c-table__tr) {
position: relative;
}
.pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable > tr:where(.pf-v6-c-table__tr)::after {
content: "";
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: 0;
width: var(--pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth);
background-color: var(--pf-v6-c-table__tbody--after__tr--BorderInlineStartColor);
}
.pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable.pf-m-expanded {
--pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartWidth);
--pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartColor);
}
.pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable.pf-m-selected {
--pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartWidth);
--pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartColor);
}
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected::after {
content: "";
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: 0;
width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
}
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__favorite,
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__action {
width: auto;
padding: 0;
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__toggle {
grid-row-start: 20;
grid-column: -1;
justify-self: end;
padding-inline-end: 0;
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__toggle::after {
content: none;
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__button {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__check,
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__favorite,
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
grid-row-start: 1;
grid-column-start: 2;
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__check {
margin-block-start: var(--pf-v6-c-table__check--responsive--MarginBlockStart);
margin-inline-start: var(--pf-v6-c-table__check--responsive--MarginInlineStart);
line-height: 1;
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__favorite {
margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart);
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__favorite ~ .pf-v6-c-table__action {
margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart);
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__action {
margin-inline-start: var(--pf-v6-c-table__action--responsive--MarginInlineStart);
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__check label {
display: inline-block;
margin: 0;
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__favorite {
margin-block-start: var(--pf-v6-c-table--m-grid__favorite--MarginBlockStart);
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__favorite ~ .pf-v6-c-table__action {
margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
text-align: end;
}
}
@media screen and (max-width: calc(62rem - 1px)) and (max-width: 36rem) {
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
grid-row-start: 1;
grid-column-start: 2;
margin-inline-start: 0;
}
}
@media screen and (max-width: calc(62rem - 1px)) {
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
grid-column: 2;
grid-row: 2;
}
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__toggle-icon {
transition: var(--pf-v6-c-table__toggle__icon--Transition);
}
.pf-v6-c-button.pf-m-expanded > .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__toggle-icon {
transform: rotate(var(--pf-v6-c-table__toggle--m-expanded__icon--Rotate));
}
.pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-nowrap {
--pf-v6-c-table--cell--Overflow: auto;
}
.pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-fit-content {
width: auto;
white-space: normal;
}
.pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-truncate {
--pf-v6-c-table--cell--MaxWidth: 100%;
}
.pf-m-grid-lg.pf-v6-c-table [class*=pf-m-width] {
--pf-v6-c-table--cell--Width: auto;
}
}
@media screen and (max-width: calc(75rem - 1px)) {
.pf-m-grid-xl.pf-v6-c-table {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
--pf-v6-c-table__favorite--c-button--MarginInlineStart: auto;
display: grid;
border: none;
}
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
width: auto;
min-width: 0;
max-width: none;
overflow: visible;
text-overflow: clip;
white-space: normal;
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__text {
position: relative;
width: auto;
min-width: 0;
max-width: none;
overflow: var(--pf-v6-c-table--cell--Overflow);
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
}
.pf-m-grid-xl.pf-v6-c-table thead:where(.pf-v6-c-table__thead) {
display: none;
}
.pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
display: block;
}
.pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
}
.pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand {
--pf-v6-c-table__expandable-row--Display: block;
}
.pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
content: none;
}
.pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
}
.pf-m-grid-xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
.pf-m-grid-xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
}
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
--pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
--pf-v6-c-table__expandable-row--after--BorderColor: transparent;
}
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
display: grid;
grid-template-columns: 1fr;
height: auto;
grid-auto-columns: max-content;
grid-column-gap: var(--pf-v6-c-table__tr--responsive--GridColumnGap);
padding-block-start: var(--pf-v6-c-table__tr--responsive--PaddingBlockStart);
padding-inline-end: var(--pf-v6-c-table__tr--responsive--PaddingInlineEnd);
padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
}
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
}
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
}
.pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
--pf-v6-c-table--cell--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd);
--pf-v6-c-table__check--responsive--MarginBlockStart: var(--pf-v6-c-table--m-compact__check--responsive--MarginBlockStart);
--pf-v6-c-table__check--input--MarginBlockStart: 0;
}
.pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
}
.pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__icon > * {
text-align: start;
}
.pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] {
--pf-v6-c-table--cell--hidden-visible--Display: var(--pf-v6-c-table--m-grid--cell--hidden-visible--Display);
grid-column: 1;
grid-column-gap: var(--pf-v6-c-table-td--responsive--GridColumnGap);
grid-template-columns: 1fr minmax(0, 1.5fr);
align-items: start;
}
.pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
align-items: center;
}
.pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
grid-column: 2;
}
.pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
position: revert;
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
text-align: start;
content: attr(data-label);
}
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
--pf-v6-c-table--cell--PaddingInlineStart: 0;
}
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
--pf-v6-c-table--cell--PaddingInlineEnd: 0;
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table {
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart);
--pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd);
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd);
--pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
border: 0;
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
--pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
--pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
--pf-v6-c-table__compound-expansion-toggle__button--after--InsetBlockStart: 100%;
}
.pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
position: relative;
}
.pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody)::after {
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: 0;
content: "";
border: 0;
border-inline-start: var(--pf-v6-c-table__tbody--after--BorderInlineStartWidth) solid var(--pf-v6-c-table__tbody--after--BorderColor);
}
.pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
--pf-v6-c-table__tbody--after--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--after--border-width--base);
}
.pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tbody:where(.pf-v6-c-table__tbody) {
--pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
}
.pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :first-child:not(.pf-v6-c-table__check)::after {
--pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
position: static;
width: auto;
background-color: transparent;
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
--pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
--pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
--pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
--pf-v6-c-table--cell--PaddingInlineEnd: 0;
--pf-v6-c-table--cell--PaddingInlineStart: 0;
display: block;
max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
overflow-y: auto;
border-block-end: none;
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
position: static;
display: block;
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
border-block-start-color: var(--pf-v6-c-table--BorderColor);
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
content: none;
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
padding: 0;
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
display: none;
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
}
.pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable {
--pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
--pf-v6-c-table__tbody--after--BorderInlineStartColor: transparent;
}
.pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable,
.pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable > tr:where(.pf-v6-c-table__tr) {
position: relative;
}
.pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable > tr:where(.pf-v6-c-table__tr)::after {
content: "";
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: 0;
width: var(--pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth);
background-color: var(--pf-v6-c-table__tbody--after__tr--BorderInlineStartColor);
}
.pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable.pf-m-expanded {
--pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartWidth);
--pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartColor);
}
.pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable.pf-m-selected {
--pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartWidth);
--pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartColor);
}
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected::after {
content: "";
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: 0;
width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
}
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__favorite,
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__action {
width: auto;
padding: 0;
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__toggle {
grid-row-start: 20;
grid-column: -1;
justify-self: end;
padding-inline-end: 0;
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__toggle::after {
content: none;
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__button {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__check,
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__favorite,
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
grid-row-start: 1;
grid-column-start: 2;
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__check {
margin-block-start: var(--pf-v6-c-table__check--responsive--MarginBlockStart);
margin-inline-start: var(--pf-v6-c-table__check--responsive--MarginInlineStart);
line-height: 1;
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__favorite {
margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart);
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__favorite ~ .pf-v6-c-table__action {
margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart);
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__action {
margin-inline-start: var(--pf-v6-c-table__action--responsive--MarginInlineStart);
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__check label {
display: inline-block;
margin: 0;
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__favorite {
margin-block-start: var(--pf-v6-c-table--m-grid__favorite--MarginBlockStart);
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__favorite ~ .pf-v6-c-table__action {
margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
text-align: end;
}
}
@media screen and (max-width: calc(75rem - 1px)) and (max-width: 36rem) {
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
grid-row-start: 1;
grid-column-start: 2;
margin-inline-start: 0;
}
}
@media screen and (max-width: calc(75rem - 1px)) {
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
grid-column: 2;
grid-row: 2;
}
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__toggle-icon {
transition: var(--pf-v6-c-table__toggle__icon--Transition);
}
.pf-v6-c-button.pf-m-expanded > .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__toggle-icon {
transform: rotate(var(--pf-v6-c-table__toggle--m-expanded__icon--Rotate));
}
.pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-nowrap {
--pf-v6-c-table--cell--Overflow: auto;
}
.pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-fit-content {
width: auto;
white-space: normal;
}
.pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-truncate {
--pf-v6-c-table--cell--MaxWidth: 100%;
}
.pf-m-grid-xl.pf-v6-c-table [class*=pf-m-width] {
--pf-v6-c-table--cell--Width: auto;
}
}
@media screen and (max-width: calc(90.625rem - 1px)) {
.pf-m-grid-2xl.pf-v6-c-table {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
--pf-v6-c-table__favorite--c-button--MarginInlineStart: auto;
display: grid;
border: none;
}
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
width: auto;
min-width: 0;
max-width: none;
overflow: visible;
text-overflow: clip;
white-space: normal;
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__text {
position: relative;
width: auto;
min-width: 0;
max-width: none;
overflow: var(--pf-v6-c-table--cell--Overflow);
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
}
.pf-m-grid-2xl.pf-v6-c-table thead:where(.pf-v6-c-table__thead) {
display: none;
}
.pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
display: block;
}
.pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
}
.pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand {
--pf-v6-c-table__expandable-row--Display: block;
}
.pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
content: none;
}
.pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
}
.pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
.pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
}
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
--pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
--pf-v6-c-table__expandable-row--after--BorderColor: transparent;
}
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
display: grid;
grid-template-columns: 1fr;
height: auto;
grid-auto-columns: max-content;
grid-column-gap: var(--pf-v6-c-table__tr--responsive--GridColumnGap);
padding-block-start: var(--pf-v6-c-table__tr--responsive--PaddingBlockStart);
padding-inline-end: var(--pf-v6-c-table__tr--responsive--PaddingInlineEnd);
padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
}
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
}
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
}
.pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
--pf-v6-c-table--cell--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd);
--pf-v6-c-table__check--responsive--MarginBlockStart: var(--pf-v6-c-table--m-compact__check--responsive--MarginBlockStart);
--pf-v6-c-table__check--input--MarginBlockStart: 0;
}
.pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
}
.pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__icon > * {
text-align: start;
}
.pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] {
--pf-v6-c-table--cell--hidden-visible--Display: var(--pf-v6-c-table--m-grid--cell--hidden-visible--Display);
grid-column: 1;
grid-column-gap: var(--pf-v6-c-table-td--responsive--GridColumnGap);
grid-template-columns: 1fr minmax(0, 1.5fr);
align-items: start;
}
.pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
align-items: center;
}
.pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
grid-column: 2;
}
.pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
position: revert;
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
text-align: start;
content: attr(data-label);
}
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
--pf-v6-c-table--cell--PaddingInlineStart: 0;
}
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
--pf-v6-c-table--cell--PaddingInlineEnd: 0;
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table {
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart);
--pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd);
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd);
--pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
border: 0;
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
--pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
--pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
--pf-v6-c-table__compound-expansion-toggle__button--after--InsetBlockStart: 100%;
}
.pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
position: relative;
}
.pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody)::after {
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: 0;
content: "";
border: 0;
border-inline-start: var(--pf-v6-c-table__tbody--after--BorderInlineStartWidth) solid var(--pf-v6-c-table__tbody--after--BorderColor);
}
.pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
--pf-v6-c-table__tbody--after--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--after--border-width--base);
}
.pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tbody:where(.pf-v6-c-table__tbody) {
--pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
}
.pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :first-child:not(.pf-v6-c-table__check)::after {
--pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
position: static;
width: auto;
background-color: transparent;
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
--pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
--pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
--pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
--pf-v6-c-table--cell--PaddingInlineEnd: 0;
--pf-v6-c-table--cell--PaddingInlineStart: 0;
display: block;
max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
overflow-y: auto;
border-block-end: none;
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
position: static;
display: block;
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
border-block-start-color: var(--pf-v6-c-table--BorderColor);
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
content: none;
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
padding: 0;
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
display: none;
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
}
.pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable {
--pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
--pf-v6-c-table__tbody--after--BorderInlineStartColor: transparent;
}
.pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable,
.pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable > tr:where(.pf-v6-c-table__tr) {
position: relative;
}
.pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable > tr:where(.pf-v6-c-table__tr)::after {
content: "";
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: 0;
width: var(--pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth);
background-color: var(--pf-v6-c-table__tbody--after__tr--BorderInlineStartColor);
}
.pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable.pf-m-expanded {
--pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartWidth);
--pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartColor);
}
.pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable.pf-m-selected {
--pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartWidth);
--pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartColor);
}
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected::after {
content: "";
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: 0;
width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
}
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__favorite,
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__action {
width: auto;
padding: 0;
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__toggle {
grid-row-start: 20;
grid-column: -1;
justify-self: end;
padding-inline-end: 0;
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__toggle::after {
content: none;
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__button {
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__check,
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__favorite,
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
grid-row-start: 1;
grid-column-start: 2;
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__check {
margin-block-start: var(--pf-v6-c-table__check--responsive--MarginBlockStart);
margin-inline-start: var(--pf-v6-c-table__check--responsive--MarginInlineStart);
line-height: 1;
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__favorite {
margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart);
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__favorite ~ .pf-v6-c-table__action {
margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart);
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__action {
margin-inline-start: var(--pf-v6-c-table__action--responsive--MarginInlineStart);
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__check label {
display: inline-block;
margin: 0;
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__favorite {
margin-block-start: var(--pf-v6-c-table--m-grid__favorite--MarginBlockStart);
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__favorite ~ .pf-v6-c-table__action {
margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
text-align: end;
}
}
@media screen and (max-width: calc(90.625rem - 1px)) and (max-width: 36rem) {
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
grid-row-start: 1;
grid-column-start: 2;
margin-inline-start: 0;
}
}
@media screen and (max-width: calc(90.625rem - 1px)) {
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
grid-column: 2;
grid-row: 2;
}
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__toggle-icon {
transition: var(--pf-v6-c-table__toggle__icon--Transition);
}
.pf-v6-c-button.pf-m-expanded > .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__toggle-icon {
transform: rotate(var(--pf-v6-c-table__toggle--m-expanded__icon--Rotate));
}
.pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-nowrap {
--pf-v6-c-table--cell--Overflow: auto;
}
.pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-fit-content {
width: auto;
white-space: normal;
}
.pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-truncate {
--pf-v6-c-table--cell--MaxWidth: 100%;
}
.pf-m-grid-2xl.pf-v6-c-table [class*=pf-m-width] {
--pf-v6-c-table--cell--Width: auto;
}
}
.pf-v6-c-tooltip {
--pf-v6-c-tooltip--MaxWidth: 18.75rem;
--pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
--pf-v6-c-tooltip__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-tooltip__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
--pf-v6-c-tooltip__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-tooltip__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
--pf-v6-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
--pf-v6-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
--pf-v6-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
--pf-v6-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
--pf-v6-c-tooltip__arrow--Width: 0.9375rem;
--pf-v6-c-tooltip__arrow--Height: 0.9375rem;
--pf-v6-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
--pf-v6-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
--pf-v6-c-tooltip__arrow--m-top--TranslateX: -50%;
--pf-v6-c-tooltip__arrow--m-top--TranslateY: 50%;
--pf-v6-c-tooltip__arrow--m-top--Rotate: 45deg;
--pf-v6-c-tooltip__arrow--m-right--TranslateX: -50%;
--pf-v6-c-tooltip__arrow--m-right--TranslateY: -50%;
--pf-v6-c-tooltip__arrow--m-right--Rotate: 45deg;
--pf-v6-c-tooltip__arrow--m-bottom--TranslateX: -50%;
--pf-v6-c-tooltip__arrow--m-bottom--TranslateY: -50%;
--pf-v6-c-tooltip__arrow--m-bottom--Rotate: 45deg;
--pf-v6-c-tooltip__arrow--m-left--TranslateX: 50%;
--pf-v6-c-tooltip__arrow--m-left--TranslateY: -50%;
--pf-v6-c-tooltip__arrow--m-left--Rotate: 45deg;
}
.pf-v6-c-tooltip {
position: relative;
max-width: var(--pf-v6-c-tooltip--MaxWidth);
box-shadow: var(--pf-v6-c-tooltip--BoxShadow);
}
.pf-v6-c-tooltip:is(.pf-m-top,
.pf-m-top-left,
.pf-m-top-right) {
--pf-v6-c-tooltip__arrow--InsetBlockEnd: var(--pf-v6-c-tooltip--m-top--InsetBlockEnd, 0);
--pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-top--InsetInlineStart, 50%);
--pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-top--TranslateX);
--pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
--pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-top--Rotate);
}
.pf-v6-c-tooltip:is(.pf-m-bottom,
.pf-m-bottom-left,
.pf-m-bottom-right) {
--pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-bottom--InsetBlockStart, 0);
--pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-bottom--InsetInlineStart, 50%);
--pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateX);
--pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateY);
--pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-bottom--Rotate);
}
.pf-v6-c-tooltip:is(.pf-m-left,
.pf-m-left-top,
.pf-m-left-bottom) {
--pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-left--InsetBlockStart, 50%);
--pf-v6-c-tooltip__arrow--InsetInlineEnd: var(--pf-v6-c-tooltip--m-left--InsetInlineEnd, 0);
--pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
--pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-left--TranslateY);
--pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-left--Rotate);
}
.pf-v6-c-tooltip:is(.pf-m-right,
.pf-m-right-top,
.pf-m-right-bottom) {
--pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-right--InsetBlockStart, 50%);
--pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-right--InsetInlineStart, 0);
--pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-right--TranslateX);
--pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-right--TranslateY);
--pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-right--Rotate);
}
.pf-v6-c-tooltip:is(.pf-m-left-top,
.pf-m-right-top) {
--pf-v6-c-tooltip__arrow--InsetBlockStart: 0;
--pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
}
.pf-v6-c-tooltip:is(.pf-m-left-bottom,
.pf-m-right-bottom) {
--pf-v6-c-tooltip__arrow--InsetBlockStart: auto;
--pf-v6-c-tooltip__arrow--InsetBlockEnd: 0;
}
.pf-v6-c-tooltip:is(.pf-m-top-left,
.pf-m-bottom-left) {
--pf-v6-c-tooltip__arrow--InsetInlineStart: 0;
--pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
}
.pf-v6-c-tooltip:is(.pf-m-top-right,
.pf-m-bottom-right) {
--pf-v6-c-tooltip__arrow--InsetInlineEnd: 0;
--pf-v6-c-tooltip__arrow--InsetInlineStart: auto;
}
.pf-v6-c-tooltip__content {
position: relative;
padding-block-start: var(--pf-v6-c-tooltip__content--PaddingBlockStart);
padding-block-end: var(--pf-v6-c-tooltip__content--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-tooltip__content--PaddingInlineStart);
padding-inline-end: var(--pf-v6-c-tooltip__content--PaddingInlineEnd);
font-size: var(--pf-v6-c-tooltip__content--FontSize);
color: var(--pf-v6-c-tooltip__content--Color);
text-align: center;
word-break: break-word;
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
}
.pf-v6-c-tooltip__content.pf-m-text-align-left {
text-align: start;
}
.pf-v6-c-tooltip__arrow {
position: absolute;
top: var(--pf-v6-c-tooltip__arrow--InsetBlockStart, auto);
right: var(--pf-v6-c-tooltip__arrow--InsetInlineEnd, auto);
bottom: var(--pf-v6-c-tooltip__arrow--InsetBlockEnd, auto);
left: var(--pf-v6-c-tooltip__arrow--InsetInlineStart, auto);
width: var(--pf-v6-c-tooltip__arrow--Width);
height: var(--pf-v6-c-tooltip__arrow--Height);
pointer-events: none;
background-color: var(--pf-v6-c-tooltip__arrow--BackgroundColor);
box-shadow: var(--pf-v6-c-tooltip__arrow--BoxShadow);
transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
}
.pf-v6-c-popover[data-popper-reference-hidden=true] {
visibility: hidden;
pointer-events: none;
}
.pf-v6-c-check {
--pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
--pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
--pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
--pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
--pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
--pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
--pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
--pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
--pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
--pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
--pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
--pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
--pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
--pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
}
.pf-v6-c-check {
display: grid;
grid-template-columns: auto 1fr;
grid-gap: var(--pf-v6-c-check--GridGap);
accent-color: var(--pf-v6-c-check--AccentColor);
}
.pf-v6-c-check.pf-m-standalone {
display: inline-grid;
grid-template-columns: auto;
min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
}
.pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
align-self: center;
transform: none;
}
.pf-v6-c-check__input {
align-self: start;
font-size: var(--pf-v6-c-check__label--FontSize);
line-height: var(--pf-v6-c-check__label--LineHeight);
transform: translateY(var(--pf-v6-c-check__input--TranslateY));
}
.pf-v6-c-check__label {
font-size: var(--pf-v6-c-check__label--FontSize);
font-weight: var(--pf-v6-c-check__label--FontWeight);
line-height: var(--pf-v6-c-check__label--LineHeight);
color: var(--pf-v6-c-check__label--Color);
}
.pf-v6-c-check__description {
grid-column: 2;
font-size: var(--pf-v6-c-check__description--FontSize);
color: var(--pf-v6-c-check__description--Color);
}
.pf-v6-c-check__body {
grid-column: 2;
}
.pf-v6-c-check__label,
.pf-v6-c-check__input {
justify-self: start;
}
label.pf-v6-c-check, .pf-v6-c-check__label,
.pf-v6-c-check__input {
cursor: pointer;
}
.pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
.pf-v6-c-check__input:disabled,
.pf-v6-c-check__input.pf-m-disabled {
--pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
cursor: not-allowed;
}
.pf-v6-c-check__label-required {
margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
font-size: var(--pf-v6-c-check__label-required--FontSize);
color: var(--pf-v6-c-check__label-required--Color);
}
.pf-v6-c-menu-toggle {
--pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
--pf-v6-c-menu-toggle--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
--pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
--pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
--pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
--pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
--pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
--pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
--pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
--pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
--pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
--pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
--pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
--pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
--pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--control--clicked);
--pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
--pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
--pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
--pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
--pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--on-disabled);
--pf-v6-c-menu-toggle--disabled__status-icon--Color: var(--pf-t--global--icon--color--on-disabled);
--pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
--pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
--pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
--pf-v6-c-menu-toggle__icon--TransitionDelay: 0s;
--pf-v6-c-menu-toggle__icon--TransitionDuration: 0s;
--pf-v6-c-menu-toggle__icon--TransitionProperty: none;
--pf-v6-c-menu-toggle--hover__icon--TransitionDelay: 0s;
--pf-v6-c-menu-toggle--hover__icon--TransitionDuration: 0s;
--pf-v6-c-menu-toggle--hover__icon--TransitionProperty: none;
--pf-v6-c-menu-toggle__icon--Rotate: 0deg;
--pf-v6-c-menu-toggle--hover__icon--Rotate: 0deg;
--pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
--pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
--pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
--pf-v6-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
--pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--pill);
--pf-v6-c-menu-toggle--m-primary--BorderColor: transparent;
--pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
--pf-v6-c-menu-toggle--m-primary--hover--BorderColor: transparent;
--pf-v6-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
--pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
--pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
--pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
--pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--pill);
--pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
--pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
--pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor: transparent;
--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
--pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
--pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--pill);
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--compact);
--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--alt);
--pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
--pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
--pf-v6-c-menu-toggle__button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
--pf-v6-c-menu-toggle__button--AlignSelf: baseline;
--pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
--pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
--pf-v6-c-menu-toggle__button--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
--pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
--pf-v6-c-menu-toggle--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
--pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--icon--default);
--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
--pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
--pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
--pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
--pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
--pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
--pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
--pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
--pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate: 60deg;
}
.pf-v6-c-menu-toggle {
position: relative;
display: inline-flex;
gap: var(--pf-v6-c-menu-toggle--Gap);
align-items: center;
justify-content: center;
min-width: var(--pf-v6-c-menu-toggle--MinWidth);
max-width: 100%;
padding-block-start: var(--pf-v6-c-menu-toggle--PaddingBlockStart);
padding-block-end: var(--pf-v6-c-menu-toggle--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-menu-toggle--PaddingInlineStart);
padding-inline-end: var(--pf-v6-c-menu-toggle--PaddingInlineEnd);
font-size: var(--pf-v6-c-menu-toggle--FontSize);
line-height: var(--pf-v6-c-menu-toggle--LineHeight);
color: var(--pf-v6-c-menu-toggle--Color);
cursor: pointer;
background-color: var(--pf-v6-c-menu-toggle--BackgroundColor);
border: 0;
transition-timing-function: var(--pf-v6-c-menu-toggle--TransitionTimingFunction);
transition-duration: var(--pf-v6-c-menu-toggle--TransitionDuration);
transition-property: var(--pf-v6-c-menu-toggle--TransitionProperty);
}
.pf-v6-c-menu-toggle, .pf-v6-c-menu-toggle::before {
border-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
}
.pf-v6-c-menu-toggle::before {
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: 0;
inset-inline-end: 0;
z-index: var(--pf-v6-c-menu-toggle--border--ZIndex);
pointer-events: none;
content: "";
border: var(--pf-v6-c-menu-toggle--BorderWidth) solid var(--pf-v6-c-menu-toggle--BorderColor);
transition: inherit;
}
.pf-v6-c-menu-toggle.pf-m-primary {
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart);
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd);
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-primary--Color);
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--BackgroundColor);
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-primary--BorderRadius);
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--BorderColor);
--pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor);
--pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BorderColor);
--pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor);
--pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
--pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color);
--pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color);
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart);
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd);
}
.pf-v6-c-menu-toggle.pf-m-secondary {
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd);
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-secondary--Color);
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--BackgroundColor);
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--BorderColor);
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-secondary--BorderRadius);
--pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
--pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
--pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor);
--pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
--pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
--pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color);
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart);
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd);
}
.pf-v6-c-menu-toggle.pf-m-full-height {
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd);
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart);
--pf-v6-c-menu-toggle--BorderBlockStartWidth: var(--pf-v6-c-menu-toggle--m-full-height__toggle--BorderBlockStartWidth);
align-items: center;
height: 100%;
}
.pf-v6-c-menu-toggle.pf-m-full-width {
width: 100%;
}
.pf-v6-c-menu-toggle.pf-m-plain {
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart);
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd);
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
--pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
--pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
--pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
--pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
}
.pf-v6-c-menu-toggle.pf-m-plain::before {
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
}
.pf-v6-c-menu-toggle:is(:hover, :focus) {
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--hover--Color);
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--hover--BackgroundColor);
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth);
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
--pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
--pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDuration);
--pf-v6-c-menu-toggle__icon--TransitionProperty: var(--pf-v6-c-menu-toggle--hover__icon--TransitionProperty);
--pf-v6-c-menu-toggle__icon--Rotate: var(--pf-v6-c-menu-toggle--hover__icon--Rotate);
}
.pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--expanded--BackgroundColor);
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--expanded--BorderWidth);
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth);
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
}
.pf-v6-c-menu-toggle.pf-m-primary::before, .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled)::before {
border: 0;
}
.pf-v6-c-menu-toggle.pf-m-small {
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockStart);
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart);
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd);
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset);
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset);
}
.pf-v6-c-menu-toggle.pf-m-success {
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
}
.pf-v6-c-menu-toggle.pf-m-warning {
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-warning--BorderColor);
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-warning__status-icon--Color);
}
.pf-v6-c-menu-toggle.pf-m-danger {
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
}
@media screen and (prefers-reduced-motion: no-preference) {
.pf-v6-c-menu-toggle.pf-m-danger {
transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
animation-name: pf-v6-c-menu-toggle-m-danger-motion;
animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
animation-fill-mode: both;
}
}
.pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
}
@keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.pf-v6-c-menu-toggle.pf-m-settings {
--pf-v6-c-menu-toggle__icon--TransitionProperty: rotate;
--pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration);
--pf-v6-c-menu-toggle__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction);
--pf-v6-c-menu-toggle--hover__icon--TransitionProperty: rotate;
--pf-v6-c-menu-toggle--hover__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration);
--pf-v6-c-menu-toggle--hover__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction);
--pf-v6-c-menu-toggle--hover__icon--Rotate: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate);
}
.pf-v6-c-menu-toggle.pf-m-placeholder {
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
}
.pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
--pf-v6-c-menu-toggle__icon--Color: var(--pf-v6-c-menu-toggle--disabled__icon--Color);
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--disabled__toggle-icon--Color);
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--disabled__status-icon--Color);
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
}
.pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled),
.pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) .pf-v6-c-button {
pointer-events: none;
}
@property --pf-v6-c-menu-toggle--m-danger--TranslateX {
syntax: "<length>";
inherits: false;
initial-value: 0;
}
@media (prefers-reduced-motion: no-preference) {
@keyframes pf-v6-c-menu-toggle-m-danger-motion {
33% {
--pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
}
66% {
--pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
}
}
}
.pf-v6-c-menu-toggle.pf-m-split-button {
--pf-v6-c-menu-toggle--Gap: 0;
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
padding: 0;
}
.pf-v6-c-menu-toggle.pf-m-split-button > * {
position: relative;
padding-block-start: var(--pf-v6-c-menu-toggle--PaddingBlockStart);
padding-block-end: var(--pf-v6-c-menu-toggle--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-menu-toggle--PaddingInlineStart);
padding-inline-end: var(--pf-v6-c-menu-toggle--PaddingInlineEnd);
}
.pf-v6-c-menu-toggle.pf-m-split-button > :first-child {
border-start-start-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
border-end-start-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
}
.pf-v6-c-menu-toggle.pf-m-split-button > :last-child {
border-start-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
}
.pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
--pf-v6-c-check__label--Color: currentcolor;
--pf-v6-c-check__label--disabled--Color: currentcolor;
align-items: center;
align-self: stretch;
}
.pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check .pf-v6-c-check__input {
--pf-v6-c-check__input--TranslateY: 0;
align-self: center;
}
.pf-v6-c-menu-toggle.pf-m-split-button > :not(:first-child) {
border-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth) solid var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor);
}
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary {
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor);
}
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button,
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check {
background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor);
}
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button:is(:hover, :focus),
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check:is(:hover, :focus) {
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor);
}
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary.pf-m-expanded {
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor);
}
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
}
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
}
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
}
.pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
}
.pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
.pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
}
.pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
content: none;
}
.pf-v6-c-menu-toggle.pf-m-typeahead {
--pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
--pf-v6-c-menu-toggle--Gap: 0;
align-items: stretch;
padding: 0;
}
.pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__button {
--pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
}
.pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__controls {
--pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
display: flex;
align-items: stretch;
}
.pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
--pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
flex: 1;
}
.pf-v6-c-menu-toggle__button {
gap: var(--pf-v6-c-menu-toggle__button--Gap);
align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
padding-inline-end: var(--pf-v6-c-menu-toggle__button--PaddingInlineEnd);
color: inherit;
background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
border: 0;
}
.pf-v6-c-menu-toggle__button.pf-m-text {
display: inline-flex;
align-items: baseline;
}
.pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check.pf-m-standalone, .pf-v6-c-menu-toggle__button:has(> .pf-v6-c-menu-toggle__controls:only-child) {
padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
}
.pf-v6-c-menu-toggle__text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 0;
}
.pf-v6-c-menu-toggle__count {
display: flex;
flex-wrap: nowrap;
}
.pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
.pf-v6-c-menu-toggle__icon.pf-m-avatar img,
.pf-v6-c-menu-toggle__icon.pf-m-avatar svg, .pf-v6-c-menu-toggle:not(.pf-m-plain) .pf-v6-c-menu-toggle__icon {
margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
}
.pf-v6-c-menu-toggle__icon {
flex-shrink: 0;
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
}
.pf-v6-c-menu-toggle__icon :where(picture, img) {
vertical-align: middle;
}
.pf-v6-c-menu-toggle__controls {
display: flex;
gap: var(--pf-v6-c-menu-toggle__controls--Gap);
align-items: center;
justify-content: center;
margin-inline-start: auto;
}
.pf-v6-c-menu-toggle__toggle-icon {
min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
}
.pf-v6-c-menu-toggle__status-icon {
color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
}
.pf-v6-c-button {
--pf-v6-c-button--Display: inline-flex;
--pf-v6-c-button--AlignItems: baseline;
--pf-v6-c-button--JustifyContent: center;
--pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
--pf-v6-c-button--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
--pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
--pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
--pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
--pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
--pf-v6-c-button--Color: var(--pf-t--global--text--color--regular);
--pf-v6-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
--pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
--pf-v6-c-button--FontSize: var(--pf-t--global--font--size--body--default);
--pf-v6-c-button--BackgroundColor: transparent;
--pf-v6-c-button--BorderColor: transparent;
--pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
--pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
--pf-v6-c-button--TextDecorationLine: none;
--pf-v6-c-button--TextDecorationStyle: none;
--pf-v6-c-button--TextDecorationColor: currentcolor;
--pf-v6-c-button--TransitionDelay: 0s;
--pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
--pf-v6-c-button--TransitionProperty: color, background, border-color;
--pf-v6-c-button--ScaleX: 1;
--pf-v6-c-button--ScaleY: 1;
--pf-v6-c-button--border--offset: 0;
--pf-v6-c-button--hover--BackgroundColor: transparent;
--pf-v6-c-button--hover--BorderColor: transparent;
--pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
--pf-v6-c-button--hover--TextDecorationLine: none;
--pf-v6-c-button--hover--TextDecorationStyle: none;
--pf-v6-c-button--hover--TextDecorationColor: currentcolor;
--pf-v6-c-button--hover--ScaleX: 1;
--pf-v6-c-button--hover--ScaleY: 1;
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
--pf-v6-c-button--m-clicked--BorderColor: transparent;
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
--pf-v6-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
--pf-v6-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
--pf-v6-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
--pf-v6-c-button--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
--pf-v6-c-button--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
--pf-v6-c-button--m-primary--hover__icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
--pf-v6-c-button--m-primary--m-clicked--Color: var(--pf-t--global--text--color--on-brand--clicked);
--pf-v6-c-button--m-primary--m-clicked--BackgroundColor: var(--pf-t--global--color--brand--clicked);
--pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
--pf-v6-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
--pf-v6-c-button--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
--pf-v6-c-button--m-secondary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
--pf-v6-c-button--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--default);
--pf-v6-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
--pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
--pf-v6-c-button--m-secondary--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
--pf-v6-c-button--m-secondary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
--pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-t--global--border--color--brand--clicked);
--pf-v6-c-button--m-secondary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
--pf-v6-c-button--m-secondary--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
--pf-v6-c-button--m-secondary--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
--pf-v6-c-button--m-secondary--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
--pf-v6-c-button--m-secondary--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
--pf-v6-c-button--m-secondary--m-danger--hover--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
--pf-v6-c-button--m-secondary--m-danger--hover__icon--Color: var(--pf-t--global--icon--color--status--danger--hover);
--pf-v6-c-button--m-secondary--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
--pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor: var(--pf-t--global--border--color--status--danger--clicked);
--pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--danger--clicked);
--pf-v6-c-button--m-tertiary--Color: var(--pf-t--global--text--color--brand--default);
--pf-v6-c-button--m-tertiary--BorderColor: var(--pf-t--global--border--color--default);
--pf-v6-c-button--m-tertiary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
--pf-v6-c-button--m-tertiary__icon--Color: var(--pf-t--global--icon--color--brand--default);
--pf-v6-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--brand--hover);
--pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--hover);
--pf-v6-c-button--m-tertiary--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
--pf-v6-c-button--m-tertiary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
--pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
--pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
--pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--small);
--pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
--pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
--pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
--pf-v6-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
--pf-v6-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
--pf-v6-c-button--m-link--hover--Color: var(--pf-t--global--text--color--brand--hover);
--pf-v6-c-button--m-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-t--global--text--color--brand--hover);
--pf-v6-c-button--m-link--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
--pf-v6-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
--pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
--pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
--pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
--pf-v6-c-button--m-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
--pf-v6-c-button--m-link--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
--pf-v6-c-button--m-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
--pf-v6-c-button--m-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
--pf-v6-c-button--m-link--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
--pf-v6-c-button--m-link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
--pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
--pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
--pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
--pf-v6-c-button--m-link--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
--pf-v6-c-button--m-link--m-danger--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
--pf-v6-c-button--m-link--m-danger--hover__icon--Color: var(--pf-t--global--text--color--status--danger--hover);
--pf-v6-c-button--m-link--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
--pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
--pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
--pf-v6-c-button--m-link--m-inline--Display: inline-flex;
--pf-v6-c-button--m-link--m-inline--JustifyContent: flex-start;
--pf-v6-c-button--m-link--m-inline--FontSize: initial;
--pf-v6-c-button--m-link--m-inline--LineHeight: initial;
--pf-v6-c-button--m-link--m-inline--FontWeight: initial;
--pf-v6-c-button--m-link--m-inline--PaddingBlockStart: 0;
--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
--pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
--pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
--pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
--pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
--pf-v6-c-button--m-link--m-inline--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
--pf-v6-c-button--span--m-link--m-inline--Display: inline;
--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
--pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
--pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
--pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
--pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
--pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
--pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--text--color--regular);
--pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
--pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
--pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
--pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
--pf-v6-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
--pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
--pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
--pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
--pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
--pf-v6-c-button--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
--pf-v6-c-button--m-plain--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
--pf-v6-c-button--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
--pf-v6-c-button--m-plain--BorderColor: transparent;
--pf-v6-c-button--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
--pf-v6-c-button--m-plain--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
--pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart: 0;
--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd: 0;
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
--pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
--pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
--pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
--pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
--pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
--pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
--pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--default);
--pf-v6-c-button--m-control--BorderWidth: var(--pf-t--global--border--width--control--default);
--pf-v6-c-button--m-control__icon--Color: var(--pf-t--global--icon--color--regular);
--pf-v6-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
--pf-v6-c-button--m-control--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
--pf-v6-c-button--m-control--hover--BorderColor: var(--pf-t--global--border--color--hover);
--pf-v6-c-button--m-control--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
--pf-v6-c-button--m-control--hover__icon--Color: var(--pf-t--global--icon--color--regular);
--pf-v6-c-button--m-control--m-clicked--Color: var(--pf-t--global--text--color--regular);
--pf-v6-c-button--m-control--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
--pf-v6-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
--pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
--pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
--pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
--pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
--pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
--pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
--pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
--pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
--pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
--pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
--pf-v6-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
--pf-v6-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
--pf-v6-c-button--m-read--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
--pf-v6-c-button--m-unread--Color: var(--pf-t--global--text--color--status--unread--on-default--default);
--pf-v6-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--status--unread--default);
--pf-v6-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--default);
--pf-v6-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--status--unread--on-default--hover);
--pf-v6-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--status--unread--hover);
--pf-v6-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--hover);
--pf-v6-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-default--clicked);
--pf-v6-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--clicked);
--pf-v6-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--clicked);
--pf-v6-c-button--m-attention--Color: var(--pf-t--global--text--color--status--unread--on-attention--default);
--pf-v6-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--unread--attention--default);
--pf-v6-c-button--m-attention__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--default);
--pf-v6-c-button--m-attention--hover--Color: var(--pf-t--global--text--color--status--unread--on-attention--hover);
--pf-v6-c-button--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--unread--attention--hover);
--pf-v6-c-button--m-attention--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--hover);
--pf-v6-c-button--m-attention--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-attention--clicked);
--pf-v6-c-button--m-attention--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--attention--clicked);
--pf-v6-c-button--m-attention--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--clicked);
--pf-v6-c-button--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
--pf-v6-c-button--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
--pf-v6-c-button--m-warning__icon--Color: var(--pf-t--global--icon--color--status--on-warning--default);
--pf-v6-c-button--m-warning--hover--Color: var(--pf-t--global--text--color--status--on-warning--hover);
--pf-v6-c-button--m-warning--hover--BackgroundColor: var(--pf-t--global--color--status--warning--hover);
--pf-v6-c-button--m-warning--hover__icon--Color: var(--pf-t--global--icon--color--status--on-warning--hover);
--pf-v6-c-button--m-warning--m-clicked--Color: var(--pf-t--global--text--color--status--on-warning--clicked);
--pf-v6-c-button--m-warning--m-clicked--BackgroundColor: var(--pf-t--global--color--status--warning--clicked);
--pf-v6-c-button--m-warning--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-warning--clicked);
--pf-v6-c-button--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
--pf-v6-c-button--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
--pf-v6-c-button--m-danger__icon--Color: var(--pf-t--global--icon--color--status--on-danger--default);
--pf-v6-c-button--m-danger--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
--pf-v6-c-button--m-danger--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
--pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-t--global--icon--color--status--on-danger--hover);
--pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--on-danger--clicked);
--pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
--pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-danger--clicked);
--pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--spacious);
--pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
--pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
--pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
--pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
--pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
--pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
--pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
--pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
--pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
--pf-v6-c-button--disabled--TextDecorationColor: currentcolor;
--pf-v6-c-button--disabled--BorderColor: transparent;
--pf-v6-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
--pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
--pf-v6-c-button--hover__icon--Color: var(--pf-t--global--icon--color--regular);
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
--pf-v6-c-button__icon--MarginInlineStart: 0;
--pf-v6-c-button__icon--MarginInlineEnd: 0;
--pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
--pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
--pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
--pf-v6-c-button__icon--TransitionDelay: 0s;
--pf-v6-c-button__icon--TransitionTimingFunction: auto;
--pf-v6-c-button__icon--TransitionDuration: 0s;
--pf-v6-c-button__icon--TransitionProperty: none;
--pf-v6-c-button__icon--Rotate: 0deg;
--pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
--pf-v6-c-button--hover__icon--TransitionDuration: 0s;
--pf-v6-c-button--hover__icon--TransitionProperty: none;
--pf-v6-c-button--hover__icon--Rotate: 0deg;
--pf-v6-c-button__icon--ScaleX: 1;
--pf-v6-c-button__icon--ScaleY: 1;
--pf-v6-c-button--hover__icon--ScaleX: 1;
--pf-v6-c-button--hover__icon--ScaleY: 1;
--pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
--pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
--pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
--pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
--pf-v6-c-button__icon--favorite--Opacity: 1;
--pf-v6-c-button__icon--favorited--Opacity: 0;
--pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
--pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
--pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
--pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
--pf-v6-c-button__progress--Opacity: 0;
--pf-v6-c-button__progress--TranslateY: -50%;
--pf-v6-c-button__progress--TranslateX: 0;
--pf-v6-c-button__progress--InsetBlockStart: 50%;
--pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
--pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
--pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
--pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
--pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
--pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width));
--pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
--pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
--pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
--pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
--pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
--pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--alt);
--pf-v6-c-button--m-block--Display: flex;
--pf-v6-c-button--m-block--Width: 100%;
--pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
--pf-v6-c-button--hamburger-icon--TransitionDuration: var(--pf-t--global--motion--duration--md);
--pf-v6-c-button--hamburger-icon--top--path--base: path("M1,1 L9,1");
--pf-v6-c-button--hamburger-icon--middle--path--base: path("M1,5 L9,5");
--pf-v6-c-button--hamburger-icon--arrow--path--base: path("M1,5 L1,5 L1,5");
--pf-v6-c-button--hamburger-icon--bottom--path--base: path("M9,9 L1,9");
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
--pf-v6-c-button--hamburger-icon--middle--path: var(--pf-v6-c-button--hamburger-icon--middle--path--base);
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
--pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
--pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
--pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
}
.pf-v6-c-button {
position: relative;
display: var(--pf-v6-c-button--Display);
gap: var(--pf-v6-c-button--Gap);
align-items: var(--pf-v6-c-button--AlignItems);
justify-content: var(--pf-v6-c-button--JustifyContent);
min-width: var(--pf-v6-c-button--MinWidth);
padding-block-start: var(--pf-v6-c-button--PaddingBlockStart);
padding-block-end: var(--pf-v6-c-button--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-button--PaddingInlineStart);
padding-inline-end: var(--pf-v6-c-button--PaddingInlineEnd);
font-size: var(--pf-v6-c-button--FontSize, inherit);
font-weight: var(--pf-v6-c-button--FontWeight, inherit);
line-height: var(--pf-v6-c-button--LineHeight, inherit);
color: var(--pf-v6-c-button--Color);
text-align: center;
text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
white-space: nowrap;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
border: 0;
border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
transition-delay: var(--pf-v6-c-button--TransitionDelay);
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
transition-duration: var(--pf-v6-c-button--TransitionDuration);
transition-property: var(--pf-v6-c-button--TransitionProperty);
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
}
.pf-v6-c-button::after {
position: absolute;
inset: var(--pf-v6-c-button--border--offset);
pointer-events: none;
content: "";
border: var(--pf-v6-c-button--BorderWidth) solid;
border-color: var(--pf-v6-c-button--BorderColor);
border-radius: inherit;
transition: inherit;
}
.pf-v6-c-button.pf-m-primary {
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-primary--Color);
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-primary--BackgroundColor);
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-primary__icon--Color);
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-primary--hover--Color);
--pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-primary--hover--BackgroundColor);
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-primary--hover__icon--Color);
--pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-primary--m-clicked--Color);
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-primary--m-clicked--BackgroundColor);
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-primary--m-clicked__icon--Color);
}
.pf-v6-c-button.pf-m-primary .pf-v6-c-badge.pf-m-unread {
--pf-v6-c-badge--BorderColor: var(--pf-v6-c-button--m-primary__c-badge--BorderColor);
}
.pf-v6-c-button.pf-m-secondary {
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-secondary--BorderColor);
--pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-secondary--TransitionDuration);
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-secondary--hover__icon--Color);
--pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-clicked--Color);
--pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-clicked--BorderColor);
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-clicked__icon--Color);
--pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-secondary--m-danger--Color);
--pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger__icon--Color);
--pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover--Color);
--pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover__icon--Color);
--pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--Color);
--pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color);
}
.pf-v6-c-button.pf-m-secondary.pf-m-danger {
--pf-v6-c-button--m-secondary--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--BorderColor);
--pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--hover--BorderColor);
--pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor);
--pf-v6-c-button--m-danger--BackgroundColor: transparent;
--pf-v6-c-button--m-danger--hover--BackgroundColor: transparent;
--pf-v6-c-button--m-danger--m-clicked--BackgroundColor: transparent;
}
.pf-v6-c-button.pf-m-tertiary {
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-tertiary--BorderColor);
--pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-tertiary--TransitionDuration);
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-tertiary--hover__icon--Color);
--pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-tertiary--m-clicked--Color);
--pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-tertiary--m-clicked--BorderColor);
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-tertiary--m-clicked__icon--Color);
}
.pf-v6-c-button.pf-m-link {
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-link--Color);
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-link--BorderWidth);
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-link--hover--BorderColor);
--pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-link--hover--BorderWidth);
--pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-link--m-clicked--BorderColor);
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-link--m-clicked--BorderWidth);
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-link--BorderColor);
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-link--hover--Color);
--pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-link--hover--BackgroundColor);
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-link--hover__icon--Color);
--pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-link--m-clicked--Color);
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-clicked--BackgroundColor);
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
}
.pf-v6-c-button.pf-m-link.pf-m-inline {
--pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
--pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
--pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-inline--FontSize);
--pf-v6-c-button--LineHeight: var(--pf-v6-c-button--m-link--m-inline--LineHeight);
--pf-v6-c-button--FontWeight: var(--pf-v6-c-button--m-link--m-inline--FontWeight);
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockStart);
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd);
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd);
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
--pf-v6-c-button--BackgroundColor: transparent;
--pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
--pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
--pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
--pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
--pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
--pf-v6-c-button--hover--BackgroundColor: transparent;
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
--pf-v6-c-button--disabled--BackgroundColor: transparent;
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
--pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
--pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
--pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
--pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
--pf-v6-c-button--BorderWidth: 0;
--pf-v6-c-button--hover--BorderWidth: 0;
--pf-v6-c-button--m-clicked--BorderWidth: 0;
text-align: start;
white-space: normal;
background: transparent;
outline-offset: 0.125rem;
}
span.pf-v6-c-button.pf-m-link.pf-m-inline {
--pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
--pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
--pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
}
.pf-v6-c-button.pf-m-link.pf-m-danger {
--pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
--pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
--pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-link--m-danger__icon--Color);
--pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-link--m-danger--hover--Color);
--pf-v6-c-button--m-danger--hover--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--hover--BackgroundColor);
--pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-link--m-danger--hover__icon--Color);
--pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked--Color);
--pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor);
--pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color);
}
.pf-v6-c-button.pf-m-link.pf-m-display-lg {
--pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-display-lg--FontSize);
}
.pf-v6-c-button.pf-m-warning {
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-warning--Color);
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-warning--BackgroundColor);
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-warning__icon--Color);
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-warning--hover--Color);
--pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-warning--hover--BackgroundColor);
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-warning--hover__icon--Color);
--pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-warning--m-clicked--Color);
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-warning--m-clicked--BackgroundColor);
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-warning--m-clicked__icon--Color);
}
.pf-v6-c-button.pf-m-danger {
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-danger--Color);
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-danger--BackgroundColor);
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-danger__icon--Color);
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-danger--hover--Color);
--pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-danger--hover--BackgroundColor);
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-danger--hover__icon--Color);
--pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-danger--m-clicked--Color);
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-danger--m-clicked--BackgroundColor);
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-danger--m-clicked__icon--Color);
}
.pf-v6-c-button.pf-m-control {
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-control--BorderRadius);
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-control--PaddingInlineStart);
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-control--PaddingInlineEnd);
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-control--Color);
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-control--BackgroundColor);
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-control--BorderColor);
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-control--BorderWidth);
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-control__icon--Color);
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-control--hover--Color);
--pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-control--hover--BackgroundColor);
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-control--hover--BorderColor);
--pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-control--hover--BorderWidth);
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-control--hover__icon--Color);
--pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-control--m-clicked--Color);
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-control--m-clicked--BackgroundColor);
--pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-control--m-clicked--BorderColor);
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-control--m-clicked--BorderWidth);
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-control--m-clicked__icon--Color);
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-control--m-small--PaddingInlineEnd);
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-control--m-small--PaddingInlineStart);
}
.pf-v6-c-button.pf-m-stateful {
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-stateful--BorderRadius);
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--PaddingInlineStart);
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--PaddingInlineEnd);
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd);
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart);
}
.pf-v6-c-button.pf-m-read {
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-read--BackgroundColor);
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-read--BorderColor);
--pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-read--hover--BackgroundColor);
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-read--hover--BorderColor);
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-read--m-clicked--BackgroundColor);
--pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-read--m-clicked--BorderColor);
}
.pf-v6-c-button.pf-m-unread {
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-unread--Color);
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-unread--BackgroundColor);
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-unread__icon--Color);
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-unread--hover--Color);
--pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-unread--hover--BackgroundColor);
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-unread--hover__icon--Color);
--pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-unread--m-clicked--Color);
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-unread--m-clicked--BackgroundColor);
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-unread--m-clicked__icon--Color);
}
.pf-v6-c-button.pf-m-attention {
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-attention--Color);
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-attention--BackgroundColor);
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-attention__icon--Color);
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-attention--hover--Color);
--pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-attention--hover--BackgroundColor);
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-attention--hover__icon--Color);
--pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-attention--m-clicked--Color);
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-attention--m-clicked--BackgroundColor);
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
}
.pf-v6-c-button.pf-m-plain {
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-plain--BorderWidth);
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-plain--hover--BorderColor);
--pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-plain--hover--BorderWidth);
--pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-plain--m-clicked--BorderColor);
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-plain--m-clicked--BorderWidth);
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-plain--BorderColor);
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--PaddingInlineStart);
--pf-v6-c-button__progress--Color: var(--pf-v6-c-button--m-in-progress--m-plain--Color);
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-plain--hover--Color);
--pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--hover--BackgroundColor);
--pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-plain--m-clicked--Color);
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-clicked--BackgroundColor);
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
--pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
--pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
}
.pf-v6-c-button.pf-m-plain.pf-m-no-padding {
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding__icon--Color);
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
--pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
--pf-v6-c-button--border--offset: var(--pf-v6-c-button--m-plain--m-no-padding--border--offset);
min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
background: var(--pf-v6-c-button--BackgroundColor);
}
.pf-v6-c-button.pf-m-block {
--pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
width: var(--pf-v6-c-button--m-block--Width);
}
.pf-v6-c-button.pf-m-small {
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-small--PaddingInlineEnd);
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-small--PaddingBlockEnd);
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-small--PaddingInlineStart);
}
.pf-v6-c-button.pf-m-display-lg {
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-display-lg--PaddingBlockStart);
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-display-lg--PaddingInlineEnd);
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-display-lg--PaddingBlockEnd);
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
--pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
}
.pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
display: grid;
transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
transition-property: color;
}
.pf-v6-c-button.pf-m-favorited {
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
--pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
--pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
}
.pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
animation-name: pf-v6-c-button-icon-favorited;
animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
}
.pf-v6-c-button.pf-m-settings {
--pf-v6-c-button__icon--TransitionProperty: rotate;
--pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--m-settings__icon--TransitionDuration);
--pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings__icon--TransitionTimingFunction);
--pf-v6-c-button--hover__icon--TransitionProperty: rotate;
--pf-v6-c-button--hover__icon--TransitionDuration: var(--pf-v6-c-button--m-settings--hover__icon--TransitionDuration);
--pf-v6-c-button--hover__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction);
--pf-v6-c-button--hover__icon--Rotate: var(--pf-v6-c-button--m-settings--hover__icon--Rotate);
}
.pf-v6-c-button.pf-m-hamburger {
--pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
--pf-v6-c-button__icon--TransitionDuration: 0s;
--pf-v6-c-button__icon--TransitionProperty: scale;
--pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
--pf-v6-c-button--hover__icon--TransitionDuration: 0s;
--pf-v6-c-button--hover__icon--TransitionProperty: scale;
}
.pf-v6-c-button.pf-m-hamburger.pf-m-expand {
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
--pf-v6-c-button__icon--TransitionDelay: 0s;
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
}
.pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
--pf-v6-c-button__icon--TransitionDelay: 0s;
--pf-v6-c-button__icon--ScaleX: 1;
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
--pf-v6-c-button--hover__icon--ScaleX: 1;
}
.pf-v6-c-button:hover, .pf-v6-c-button:focus {
--pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
--pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
--pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
--pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
--pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
--pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
--pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
--pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
outline-offset: var(--pf-t--global--focus-ring--position--offset);
}
.pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
}
.pf-v6-c-button:active {
background-size: 100% 100%;
transition-duration: 0s;
}
.pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
pointer-events: none;
}
.pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
color: var(--pf-v6-c-button--disabled--Color);
text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
background: var(--pf-v6-c-button--disabled--BackgroundColor);
}
.pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
border-color: transparent;
}
.pf-v6-c-button:disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-aria-disabled .pf-v6-c-button__icon {
color: var(--pf-v6-c-button--disabled__icon--Color);
}
.pf-v6-c-button.pf-m-aria-disabled {
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
cursor: default;
}
.pf-v6-c-button.pf-m-progress {
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-progress--PaddingInlineEnd);
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
}
.pf-v6-c-button.pf-m-in-progress {
--pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
}
.pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain) {
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-in-progress--PaddingInlineEnd);
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-in-progress--PaddingInlineStart);
}
.pf-v6-c-button.pf-m-in-progress.pf-m-plain {
--pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart);
--pf-v6-c-button__progress--TranslateX: var(--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX);
}
.pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
opacity: 0;
}
.pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
animation-name: pf-v6-c-button-icon-notify;
animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
}
.pf-v6-c-button__icon {
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
color: var(--pf-v6-c-button__icon--Color);
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
rotate: var(--pf-v6-c-button__icon--Rotate);
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
}
.pf-v6-c-button__icon.pf-m-start {
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
}
.pf-v6-c-button__icon.pf-m-end {
--pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
}
.pf-v6-c-button__icon-favorite,
.pf-v6-c-button__icon-favorited {
grid-area: 1/1/1/1;
transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
transition-property: opacity;
}
.pf-v6-c-button__icon-favorite {
opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
}
.pf-v6-c-button__icon-favorited {
opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
}
.pf-v6-c-button__progress {
position: absolute;
inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
line-height: 1;
color: var(--pf-v6-c-button__progress--Color);
transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
}
.pf-v6-c-button__progress .pf-v6-c-spinner {
--pf-v6-c-spinner--Color: currentcolor;
}
.pf-v6-c-button__text {
text-decoration: inherit;
}
.pf-v6-c-button__count {
display: inline-flex;
align-items: center;
}
.pf-v6-c-button--hamburger-icon path {
fill: none;
stroke: currentcolor;
stroke-linecap: round;
stroke-linejoin: round;
transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
}
.pf-v6-c-button--hamburger-icon--top {
d: var(--pf-v6-c-button--hamburger-icon--top--path);
}
.pf-v6-c-button--hamburger-icon--middle {
d: var(--pf-v6-c-button--hamburger-icon--middle--path);
}
.pf-v6-c-button--hamburger-icon--arrow {
d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
}
.pf-v6-c-button--hamburger-icon--bottom {
d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
}
@keyframes pf-v6-c-button-icon-notify {
33% {
transform: rotate(30deg);
}
66% {
transform: rotate(-60deg);
}
}
@keyframes pf-v6-c-button-icon-favorited {
50% {
scale: 1.5;
}
}
.pf-v6-c-popover {
--pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
--pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
--pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
--pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
--pf-v6-c-popover--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
--pf-v6-c-popover--BorderColor: var(--pf-t--global--border--color--high-contrast);
--pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
--pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
--pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
--pf-v6-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
--pf-v6-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
--pf-v6-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
--pf-v6-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
--pf-v6-c-popover__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
--pf-v6-c-popover__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
--pf-v6-c-popover__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
--pf-v6-c-popover__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
--pf-v6-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
--pf-v6-c-popover__arrow--Width: 0.9375rem;
--pf-v6-c-popover__arrow--Height: 0.9375rem;
--pf-v6-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
--pf-v6-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
--pf-v6-c-popover__arrow--m-top--TranslateX: -50%;
--pf-v6-c-popover__arrow--m-top--TranslateY: 50%;
--pf-v6-c-popover__arrow--m-top--Rotate: 45deg;
--pf-v6-c-popover__arrow--m-right--TranslateX: -50%;
--pf-v6-c-popover__arrow--m-right--TranslateY: -50%;
--pf-v6-c-popover__arrow--m-right--Rotate: 45deg;
--pf-v6-c-popover__arrow--m-bottom--TranslateX: -50%;
--pf-v6-c-popover__arrow--m-bottom--TranslateY: -50%;
--pf-v6-c-popover__arrow--m-bottom--Rotate: 45deg;
--pf-v6-c-popover__arrow--m-left--TranslateX: 50%;
--pf-v6-c-popover__arrow--m-left--TranslateY: -50%;
--pf-v6-c-popover__arrow--m-left--Rotate: 45deg;
--pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart: var(--pf-t--global--border--radius--medium);
--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
--pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
--pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
--pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
--pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
--pf-v6-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
--pf-v6-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--default);
--pf-v6-c-popover__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
--pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
--pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
}
.pf-v6-c-popover {
position: relative;
min-width: var(--pf-v6-c-popover--MinWidth);
max-width: var(--pf-v6-c-popover--MaxWidth);
font-size: var(--pf-v6-c-popover--FontSize);
border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
border-radius: var(--pf-v6-c-popover--BorderRadius);
box-shadow: var(--pf-v6-c-popover--BoxShadow);
}
.pf-v6-c-popover.pf-m-no-padding {
--pf-v6-c-popover__content--PaddingBlockStart: 0px;
--pf-v6-c-popover__content--PaddingInlineEnd: 0px;
--pf-v6-c-popover__content--PaddingBlockEnd: 0px;
--pf-v6-c-popover__content--PaddingInlineStart: 0px;
}
.pf-v6-c-popover.pf-m-width-auto {
--pf-v6-c-popover--MinWidth: auto;
--pf-v6-c-popover--MaxWidth: none;
}
.pf-v6-c-popover:is(.pf-m-top,
.pf-m-top-left,
.pf-m-top-right) {
--pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover--m-top--InsetBlockEnd, 0);
--pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-top--InsetInlineStart, 50%);
--pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-top--TranslateX);
--pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
--pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-top--Rotate);
}
.pf-v6-c-popover:is(.pf-m-bottom,
.pf-m-bottom-left,
.pf-m-bottom-right) {
--pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-bottom--InsetBlockStart, 0);
--pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-bottom--InsetInlineStart, 50%);
--pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-bottom--TranslateX);
--pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-bottom--TranslateY);
--pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-bottom--Rotate);
}
.pf-v6-c-popover:is(.pf-m-left,
.pf-m-left-top,
.pf-m-left-bottom) {
--pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-left--InsetBlockStart, 50%);
--pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover--m-left--InsetInlineEnd, 0);
--pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
--pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-left--TranslateY);
--pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-left--Rotate);
}
.pf-v6-c-popover:is(.pf-m-right,
.pf-m-right-top,
.pf-m-right-bottom) {
--pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-right--InsetBlockStart, 50%);
--pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-right--InsetInlineStart, 0);
--pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-right--TranslateX);
--pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-right--TranslateY);
--pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-right--Rotate);
}
.pf-v6-c-popover:is(.pf-m-left-top,
.pf-m-right-top) {
--pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart);
--pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
}
.pf-v6-c-popover:is(.pf-m-left-bottom,
.pf-m-right-bottom) {
--pf-v6-c-popover__arrow--InsetBlockStart: auto;
--pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd);
}
.pf-v6-c-popover:is(.pf-m-top-left,
.pf-m-bottom-left) {
--pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart);
--pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
}
.pf-v6-c-popover:is(.pf-m-top-right,
.pf-m-bottom-right) {
--pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd);
--pf-v6-c-popover__arrow--InsetInlineStart: auto;
}
.pf-v6-c-popover.pf-m-danger {
--pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
}
.pf-v6-c-popover.pf-m-warning {
--pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
}
.pf-v6-c-popover.pf-m-success {
--pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
}
.pf-v6-c-popover.pf-m-custom {
--pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
}
.pf-v6-c-popover.pf-m-info {
--pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
}
.pf-v6-c-popover__content {
position: relative;
padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
background-color: var(--pf-v6-c-popover__content--BackgroundColor);
border-radius: var(--pf-v6-c-popover__content--BorderRadius);
}
.pf-v6-c-popover__close {
position: absolute;
inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
}
.pf-v6-c-popover__close + * {
padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
}
.pf-v6-c-popover__arrow {
position: absolute;
top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
width: var(--pf-v6-c-popover__arrow--Width);
height: var(--pf-v6-c-popover__arrow--Height);
pointer-events: none;
background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
}
.pf-v6-c-popover__header {
margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
}
.pf-v6-c-popover__title {
display: flex;
flex: 0 0 auto;
}
.pf-v6-c-popover__title-icon {
margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
font-size: var(--pf-v6-c-popover__title-icon--FontSize);
color: var(--pf-v6-c-popover__title-icon--Color);
}
.pf-v6-c-popover__title-text {
min-width: 0;
font-size: var(--pf-v6-c-popover__title-text--FontSize);
font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
color: var(--pf-v6-c-popover__title-text--Color);
overflow-wrap: break-word;
}
.pf-v6-c-popover__body {
word-wrap: break-word;
}
.pf-v6-c-popover__footer {
margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
}
.pf-v6-c-divider {
--pf-v6-c-divider--Display: flex;
--pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
--pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
--pf-v6-c-divider--before--FlexBasis: 100%;
}
.pf-v6-c-divider {
flex-direction: row;
width: 100%;
height: var(--pf-v6-c-divider--Size);
--pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
--pf-v6-hidden-visible--hidden--Display: none;
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
display: var(--pf-v6-hidden-visible--Display);
flex-shrink: 0;
align-items: stretch;
align-self: stretch;
justify-content: center;
border: 0;
}
.pf-v6-c-divider.pf-m-hidden {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
@media screen and (min-width: 36rem) {
.pf-v6-c-divider.pf-m-hidden-on-sm {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
.pf-v6-c-divider.pf-m-visible-on-sm {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
}
}
@media screen and (min-width: 48rem) {
.pf-v6-c-divider.pf-m-hidden-on-md {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
.pf-v6-c-divider.pf-m-visible-on-md {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
}
}
@media screen and (min-width: 62rem) {
.pf-v6-c-divider.pf-m-hidden-on-lg {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
.pf-v6-c-divider.pf-m-visible-on-lg {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
}
}
@media screen and (min-width: 75rem) {
.pf-v6-c-divider.pf-m-hidden-on-xl {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
.pf-v6-c-divider.pf-m-visible-on-xl {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
}
}
@media screen and (min-width: 90.625rem) {
.pf-v6-c-divider.pf-m-hidden-on-2xl {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
.pf-v6-c-divider.pf-m-visible-on-2xl {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
}
}
.pf-v6-c-divider::before {
flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
content: "";
background-color: var(--pf-v6-c-divider--Color);
border-block-start: var(--pf-v6-c-divider--Size) solid transparent;
border-inline-start: var(--pf-v6-c-divider--Size) solid transparent;
}
.pf-v6-c-divider.pf-m-horizontal {
flex-direction: row;
width: 100%;
height: var(--pf-v6-c-divider--Size);
}
.pf-v6-c-divider.pf-m-vertical {
flex-direction: column;
width: var(--pf-v6-c-divider--Size);
height: inherit;
}
.pf-v6-c-divider.pf-m-inset-none {
--pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
}
.pf-v6-c-divider.pf-m-inset-xs {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
}
.pf-v6-c-divider.pf-m-inset-sm {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
}
.pf-v6-c-divider.pf-m-inset-md {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
}
.pf-v6-c-divider.pf-m-inset-lg {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
}
.pf-v6-c-divider.pf-m-inset-xl {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
}
.pf-v6-c-divider.pf-m-inset-2xl {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
}
.pf-v6-c-divider.pf-m-inset-3xl {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
}
@media (min-width: 36rem) {
.pf-v6-c-divider.pf-m-horizontal-on-sm {
flex-direction: row;
width: 100%;
height: var(--pf-v6-c-divider--Size);
}
}
@media (min-width: 36rem) {
.pf-v6-c-divider.pf-m-vertical-on-sm {
flex-direction: column;
width: var(--pf-v6-c-divider--Size);
height: inherit;
}
}
@media (min-width: 36rem) {
.pf-v6-c-divider.pf-m-inset-none-on-sm {
--pf-v6-c-divider--before--FlexBasis: 100%;
}
.pf-v6-c-divider.pf-m-inset-xs-on-sm {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
}
.pf-v6-c-divider.pf-m-inset-sm-on-sm {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
}
.pf-v6-c-divider.pf-m-inset-md-on-sm {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
}
.pf-v6-c-divider.pf-m-inset-lg-on-sm {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
}
.pf-v6-c-divider.pf-m-inset-xl-on-sm {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
}
.pf-v6-c-divider.pf-m-inset-2xl-on-sm {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
}
.pf-v6-c-divider.pf-m-inset-3xl-on-sm {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
}
}
@media (min-width: 48rem) {
.pf-v6-c-divider.pf-m-horizontal-on-md {
flex-direction: row;
width: 100%;
height: var(--pf-v6-c-divider--Size);
}
}
@media (min-width: 48rem) {
.pf-v6-c-divider.pf-m-vertical-on-md {
flex-direction: column;
width: var(--pf-v6-c-divider--Size);
height: inherit;
}
}
@media (min-width: 48rem) {
.pf-v6-c-divider.pf-m-inset-none-on-md {
--pf-v6-c-divider--before--FlexBasis: 100%;
}
.pf-v6-c-divider.pf-m-inset-xs-on-md {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
}
.pf-v6-c-divider.pf-m-inset-sm-on-md {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
}
.pf-v6-c-divider.pf-m-inset-md-on-md {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
}
.pf-v6-c-divider.pf-m-inset-lg-on-md {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
}
.pf-v6-c-divider.pf-m-inset-xl-on-md {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
}
.pf-v6-c-divider.pf-m-inset-2xl-on-md {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
}
.pf-v6-c-divider.pf-m-inset-3xl-on-md {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
}
}
@media (min-width: 62rem) {
.pf-v6-c-divider.pf-m-horizontal-on-lg {
flex-direction: row;
width: 100%;
height: var(--pf-v6-c-divider--Size);
}
}
@media (min-width: 62rem) {
.pf-v6-c-divider.pf-m-vertical-on-lg {
flex-direction: column;
width: var(--pf-v6-c-divider--Size);
height: inherit;
}
}
@media (min-width: 62rem) {
.pf-v6-c-divider.pf-m-inset-none-on-lg {
--pf-v6-c-divider--before--FlexBasis: 100%;
}
.pf-v6-c-divider.pf-m-inset-xs-on-lg {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
}
.pf-v6-c-divider.pf-m-inset-sm-on-lg {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
}
.pf-v6-c-divider.pf-m-inset-md-on-lg {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
}
.pf-v6-c-divider.pf-m-inset-lg-on-lg {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
}
.pf-v6-c-divider.pf-m-inset-xl-on-lg {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
}
.pf-v6-c-divider.pf-m-inset-2xl-on-lg {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
}
.pf-v6-c-divider.pf-m-inset-3xl-on-lg {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
}
}
@media (min-width: 75rem) {
.pf-v6-c-divider.pf-m-horizontal-on-xl {
flex-direction: row;
width: 100%;
height: var(--pf-v6-c-divider--Size);
}
}
@media (min-width: 75rem) {
.pf-v6-c-divider.pf-m-vertical-on-xl {
flex-direction: column;
width: var(--pf-v6-c-divider--Size);
height: inherit;
}
}
@media (min-width: 75rem) {
.pf-v6-c-divider.pf-m-inset-none-on-xl {
--pf-v6-c-divider--before--FlexBasis: 100%;
}
.pf-v6-c-divider.pf-m-inset-xs-on-xl {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
}
.pf-v6-c-divider.pf-m-inset-sm-on-xl {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
}
.pf-v6-c-divider.pf-m-inset-md-on-xl {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
}
.pf-v6-c-divider.pf-m-inset-lg-on-xl {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
}
.pf-v6-c-divider.pf-m-inset-xl-on-xl {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
}
.pf-v6-c-divider.pf-m-inset-2xl-on-xl {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
}
.pf-v6-c-divider.pf-m-inset-3xl-on-xl {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
}
}
@media (min-width: 90.625rem) {
.pf-v6-c-divider.pf-m-horizontal-on-2xl {
flex-direction: row;
width: 100%;
height: var(--pf-v6-c-divider--Size);
}
}
@media (min-width: 90.625rem) {
.pf-v6-c-divider.pf-m-vertical-on-2xl {
flex-direction: column;
width: var(--pf-v6-c-divider--Size);
height: inherit;
}
}
@media (min-width: 90.625rem) {
.pf-v6-c-divider.pf-m-inset-none-on-2xl {
--pf-v6-c-divider--before--FlexBasis: 100%;
}
.pf-v6-c-divider.pf-m-inset-xs-on-2xl {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
}
.pf-v6-c-divider.pf-m-inset-sm-on-2xl {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
}
.pf-v6-c-divider.pf-m-inset-md-on-2xl {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
}
.pf-v6-c-divider.pf-m-inset-lg-on-2xl {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
}
.pf-v6-c-divider.pf-m-inset-xl-on-2xl {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
}
.pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
}
.pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
}
}
.pf-v6-c-form-control {
--pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
--pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
--pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
--pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
--pf-v6-c-form-control--Resize: none;
--pf-v6-c-form-control--OutlineOffset: -6px;
--pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
--pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
--pf-v6-c-form-control--before--BorderStyle: solid;
--pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
--pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
--pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
--pf-v6-c-form-control--after--BorderStyle: solid;
--pf-v6-c-form-control--after--BorderColor: transparent;
--pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
--pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
--pf-v6-c-form-control--Width: 100%;
--pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
--pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
--pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
--pf-v6-c-form-control--PaddingInlineEnd--base: var(--pf-v6-c-form-control--inset--base);
--pf-v6-c-form-control--PaddingInlineStart--base: var(--pf-v6-c-form-control--inset--base);
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
--pf-v6-c-form-control__utilities--input--PaddingInlineEnd: var(--pf-v6-c-form-control__input--PaddingInlineEnd);
--pf-v6-c-form-control__utilities--select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--PaddingInlineEnd);
--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd: var(--pf-v6-c-form-control__textarea--PaddingInlineEnd);
--pf-v6-c-form-control__input--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
--pf-v6-c-form-control__input--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
--pf-v6-c-form-control__input--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
--pf-v6-c-form-control__input--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
--pf-v6-c-form-control__select--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
--pf-v6-c-form-control__select--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
--pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
--pf-v6-c-form-control__textarea--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
--pf-v6-c-form-control__textarea--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
--pf-v6-c-form-control__textarea--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
--pf-v6-c-form-control__textarea--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
--pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
--pf-v6-c-form-control--m-success--hover--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
--pf-v6-c-form-control--m-warning--hover--after--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
--pf-v6-c-form-control--m-error--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
--pf-v6-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
--pf-v6-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
--pf-v6-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
--pf-v6-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
--pf-v6-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
--pf-v6-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
--pf-v6-c-form-control--m-disabled--after--BorderColor: transparent;
--pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
--pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-t--global--border--color--control--read-only);
--pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
--pf-v6-c-form-control--m-readonly--m-plain--BorderColor: transparent;
--pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
--pf-v6-c-form-control--icon--width: var(--pf-v6-c-form-control--FontSize);
--pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
--pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
--pf-v6-c-form-control--m-success--PaddingInlineEnd: initial;
--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: initial;
--pf-v6-c-form-control__input--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
--pf-v6-c-form-control__select--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
--pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
--pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
--pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
--pf-v6-c-form-control--m-warning--PaddingInlineEnd: initial;
--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: initial;
--pf-v6-c-form-control__input--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
--pf-v6-c-form-control__select--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
--pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
--pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
--pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
--pf-v6-c-form-control--m-error--PaddingInlineEnd: initial;
--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: initial;
--pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
--pf-v6-c-form-control__input--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
--pf-v6-c-form-control__select--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
--pf-v6-c-form-control--m-icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
--pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
--pf-v6-c-form-control--m-icon--icon--spacer: calc(var(--pf-t--global--spacer--control--horizontal--default) / 2);
--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--icon--width) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
--pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
--pf-v6-c-form-control--textarea--Height: auto;
--pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
--pf-v6-c-form-control--textarea--PaddingInlineStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
--pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
--pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
--pf-v6-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
--pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
--pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
--pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
--pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart);
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
--pf-v6-c-form-control__toggle-icon--PaddingInlineStart: 0;
--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: 0;
--pf-v6-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
--pf-v6-c-form-control__toggle-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
--pf-v6-c-form-control--m-disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
}
.pf-v6-c-form-control {
position: relative;
display: grid;
grid-template-columns: 1fr auto;
column-gap: var(--pf-v6-c-form-control--ColumnGap);
align-items: start;
width: var(--pf-v6-c-form-control--Width);
font-size: var(--pf-v6-c-form-control--FontSize);
line-height: var(--pf-v6-c-form-control--LineHeight);
resize: var(--pf-v6-c-form-control--Resize);
background-color: var(--pf-v6-c-form-control--BackgroundColor);
border-radius: var(--pf-v6-c-form-control--BorderRadius);
}
.pf-v6-c-form-control::before, .pf-v6-c-form-control::after {
position: absolute;
inset: 0;
pointer-events: none;
content: "";
}
.pf-v6-c-form-control::before {
border-color: var(--pf-v6-c-form-control--before--BorderColor);
border-style: var(--pf-v6-c-form-control--before--BorderStyle);
border-width: var(--pf-v6-c-form-control--before--BorderWidth);
border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
}
.pf-v6-c-form-control::after {
border: var(--pf-v6-c-form-control--after--BorderWidth) var(--pf-v6-c-form-control--after--BorderStyle) var(--pf-v6-c-form-control--after--BorderColor);
border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
}
.pf-v6-c-form-control > :is(input, select, textarea) {
grid-row: 1/2;
grid-column: 1/-1;
padding-block-start: var(--pf-v6-c-form-control--PaddingBlockStart);
padding-block-end: var(--pf-v6-c-form-control--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-form-control--PaddingInlineStart);
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
color: var(--pf-v6-c-form-control--Color);
appearance: none;
background-color: transparent;
border: none;
border-radius: var(--pf-v6-c-form-control--BorderRadius);
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
}
.pf-v6-c-form-control > ::placeholder {
color: var(--pf-v6-c-form-control--m-placeholder--Color);
}
.pf-v6-c-form-control > :is(input, select) {
text-overflow: ellipsis;
}
.pf-v6-c-form-control > select {
background-color: var(--pf-v6-c-form-control--BackgroundColor);
}
.pf-v6-c-form-control > select * {
color: var(--pf-v6-c-form-control--Color);
}
.pf-v6-c-form-control:has(input) {
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__input--PaddingBlockStart);
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__input--PaddingBlockEnd);
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__input--PaddingInlineStart);
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control__input--PaddingInlineEnd);
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd);
}
.pf-v6-c-form-control.pf-m-textarea {
padding-block-start: var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset);
padding-block-end: var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset);
padding-inline-start: var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset);
padding-inline-end: var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset);
}
.pf-v6-c-form-control.pf-m-textarea.pf-m-success, .pf-v6-c-form-control.pf-m-textarea.pf-m-warning, .pf-v6-c-form-control.pf-m-textarea.pf-m-error {
--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--ColumnGap));
}
.pf-v6-c-form-control.pf-m-textarea:has(textarea) {
--pf-v6-c-form-control--PaddingBlockStart: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
--pf-v6-c-form-control--PaddingBlockEnd: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
--pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__textarea--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
--pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__textarea--PaddingInlineEnd) - var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset) + var(--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset, 0px));
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
}
.pf-v6-c-form-control.pf-m-textarea > textarea {
outline-offset: 0;
scrollbar-gutter: stable;
}
.pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
}
.pf-v6-c-form-control.pf-m-readonly {
--pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
--pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
}
.pf-v6-c-form-control.pf-m-readonly:hover {
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
}
.pf-v6-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error) {
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
}
.pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
--pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor);
--pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BorderColor);
--pf-v6-c-form-control--inset--base: var(--pf-v6-c-form-control--m-readonly--m-plain--inset--base);
--pf-v6-c-form-control--before--BorderStyle: none;
--pf-v6-c-form-control--after--BorderStyle: none;
--pf-v6-c-form-control--OutlineOffset: var(--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset);
}
.pf-v6-c-form-control.pf-m-expanded {
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-expanded--after--BorderColor);
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-expanded--after--BorderWidth);
}
.pf-v6-c-form-control.pf-m-disabled {
--pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-disabled--BackgroundColor);
--pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
--pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
--pf-v6-c-form-control__toggle-icon--Color: var(--pf-v6-c-form-control--m-disabled__toggle-icon--Color);
--pf-v6-c-form-control--before--BorderStyle: none;
--pf-v6-c-form-control--after--BorderStyle: none;
cursor: not-allowed;
}
.pf-v6-c-form-control.pf-m-error {
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
}
@media (prefers-reduced-motion: no-preference) {
.pf-v6-c-form-control.pf-m-error {
translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
animation-name: pf-v6-global-danger-jiggle-motion;
animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
animation-fill-mode: both;
}
}
.pf-v6-c-form-control.pf-m-error .pf-v6-c-form-control__icon.pf-m-status {
--pf-v6-c-form-control--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
--pf-v6-c-form-control--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
animation-name: pf-v6-global-fade-in;
animation-duration: var(--pf-v6-c-form-control--TransitionDuration--Opacity);
animation-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction--Opacity);
}
.pf-v6-c-form-control.pf-m-error > textarea {
padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
}
.pf-v6-c-form-control.pf-m-error > input {
padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-error--PaddingInlineEnd));
}
.pf-v6-c-form-control.pf-m-error > select {
padding-inline-end: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-error--PaddingInlineEnd));
}
.pf-v6-c-form-control.pf-m-error.pf-m-icon > :is(input) {
padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
}
.pf-v6-c-form-control.pf-m-success {
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
}
.pf-v6-c-form-control.pf-m-success > textarea {
padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd));
}
.pf-v6-c-form-control.pf-m-success > input {
padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-success--PaddingInlineEnd));
}
.pf-v6-c-form-control.pf-m-success > select {
padding-inline-end: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-success--PaddingInlineEnd));
}
.pf-v6-c-form-control.pf-m-success.pf-m-icon > :is(input) {
padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
}
.pf-v6-c-form-control.pf-m-warning {
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
}
.pf-v6-c-form-control.pf-m-warning > textarea {
padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd));
}
.pf-v6-c-form-control.pf-m-warning > input {
padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-warning--PaddingInlineEnd));
}
.pf-v6-c-form-control.pf-m-warning > select {
padding-inline-end: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-warning--PaddingInlineEnd));
}
.pf-v6-c-form-control.pf-m-warning.pf-m-icon > :is(input) {
padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
}
.pf-v6-c-form-control:hover {
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
}
.pf-v6-c-form-control.pf-m-icon {
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
}
.pf-v6-c-form-control:has(select) {
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__select--PaddingBlockStart);
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__select--PaddingBlockEnd);
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
--pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
}
.pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
}
.pf-v6-c-form-control.pf-m-placeholder > select {
--pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
}
.pf-v6-c-form-control.pf-m-placeholder > select * {
color: var(--pf-v6-c-form-control--m-placeholder--child--Color);
}
.pf-v6-c-form-control.pf-m-placeholder > select *:disabled {
color: revert;
}
.pf-v6-c-form-control > textarea {
width: 100%;
height: 100%;
vertical-align: bottom;
resize: none;
}
.pf-v6-c-form-control.pf-m-resize-vertical {
--pf-v6-c-form-control--Resize: vertical;
overflow: auto;
}
.pf-v6-c-form-control.pf-m-resize-horizontal {
--pf-v6-c-form-control--Resize: horizontal;
overflow: auto;
}
.pf-v6-c-form-control.pf-m-resize-both {
--pf-v6-c-form-control--Resize: both;
overflow: auto;
}
.pf-v6-c-form-control__icon {
font-size: var(--pf-v6-c-form-control__icon--FontSize);
color: var(--pf-v6-c-form-control__icon--Color);
}
.pf-v6-c-form-control__icon.pf-m-status {
--pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
}
.pf-v6-c-form-control__toggle-icon {
grid-row: 1/2;
grid-column: 3;
padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
font-size: var(--pf-v6-c-form-control__toggle-icon--FontSize);
color: var(--pf-v6-c-form-control__toggle-icon--Color);
pointer-events: none;
}
.pf-v6-c-form-control__utilities {
display: flex;
flex-wrap: nowrap;
grid-row: 1/2;
grid-column: 2;
gap: var(--pf-v6-c-form-control__utilities--Gap);
padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
pointer-events: none;
}
.pf-v6-c-action-list {
--pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
--pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
--pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
--pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
}
.pf-v6-c-action-list,
.pf-v6-c-action-list__group {
display: flex;
align-items: start;
}
.pf-v6-c-action-list {
row-gap: var(--pf-v6-c-action-list--RowGap);
column-gap: var(--pf-v6-c-action-list--ColumnGap);
}
.pf-v6-c-action-list.pf-m-icons {
--pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
}
.pf-v6-c-action-list__group {
row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
}
.pf-v6-c-action-list__group.pf-m-icons {
column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
}
.pf-v6-c-menu {
--pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
--pf-v6-c-menu--Width: auto;
--pf-v6-c-menu--MinWidth: auto;
--pf-v6-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
--pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
--pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
--pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
--pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
--pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
--pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
--pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
--pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
--pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
--pf-v6-c-menu--TransitionDuration: 0s;
--pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
--pf-v6-c-menu--m-plain--BoxShadow: none;
--pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
--pf-v6-c-menu__content--Height: auto;
--pf-v6-c-menu__content--MaxHeight: none;
--pf-v6-c-menu--m-scrollable__content--MaxHeight: 18.75rem;
--pf-v6-c-menu__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-menu__search--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-menu__search--PaddingInlineStart: var(--pf-t--global--spacer--md);
--pf-v6-c-menu__search--PaddingInlineEnd: var(--pf-t--global--spacer--md);
--pf-v6-c-menu__footer--BoxShadow: none;
--pf-v6-c-menu__footer--BorderColor: transparent;
--pf-v6-c-menu__footer--BorderWidth: 0;
--pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
--pf-v6-c-menu--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
--pf-v6-c-menu--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
--pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
--pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
--pf-v6-c-menu__list-item--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
--pf-v6-c-menu__list-item--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
--pf-v6-c-menu__list-item--BorderColor: var(--pf-t--global--border--color--high-contrast);
--pf-v6-c-menu__list-item--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
--pf-v6-c-menu__list-item--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
--pf-v6-c-menu__list-item--TransitionProperty: background-color;
--pf-v6-c-menu__list-item--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
--pf-v6-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
--pf-v6-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
--pf-v6-c-menu__list-item--has--menu-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
--pf-v6-c-menu__list--divider--MarginBlockStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-menu__list--divider--MarginBlockEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-menu__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-menu__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--lg);
--pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
--pf-v6-c-menu__item--FontSize: var(--pf-t--global--font--size--body--default);
--pf-v6-c-menu__item--LineHeight: var(--pf-t--global--font--line-height--body);
--pf-v6-c-menu__item--FontWeight: var(--pf-t--global--font--weight--body--default);
--pf-v6-c-menu__item--Color: var(--pf-t--global--text--color--regular);
--pf-v6-c-menu__item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
--pf-v6-c-menu__item--m-disabled--Color: var(--pf-t--global--text--color--disabled);
--pf-v6-c-menu__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-menu__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
--pf-v6-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
--pf-v6-c-menu__group-title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-menu__group-title--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--lg);
--pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
--pf-v6-c-menu__breadcrumb--PaddingBlockStart: 0;
--pf-v6-c-menu__breadcrumb--PaddingBlockEnd: 0;
--pf-v6-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--lg);
--pf-v6-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
--pf-v6-c-menu__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-menu__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
--pf-v6-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
--pf-v6-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--sm);
--pf-v6-c-menu__group-title--Color: var(--pf-t--global--text--color--subtle);
--pf-v6-c-menu__item-description--FontSize: var(--pf-t--global--font--size--body--sm);
--pf-v6-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
--pf-v6-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
--pf-v6-c-menu__item-action--icon--size: var(--pf-v6-c-menu__item-action--FontSize, var(--pf-t--global--icon--size--md));
--pf-v6-c-menu__item-action--m-favorited--Color: var(--pf-t--global--icon--color--favorite--clicked);
--pf-v6-c-menu__item-action--button--MinWidth: calc(var(--pf-v6-c-menu__item-action--icon--size) + var(--pf-t--global--spacer--sm) * 2);
--pf-v6-c-menu__item-select-icon--Color: var(--pf-t--global--icon--color--subtle);
--pf-v6-c-menu__item--m-selected__item-select-icon--Color: var(--pf-t--global--icon--color--brand--default);
--pf-v6-c-menu__item-external--Color: var(--pf-t--global--icon--color--brand--default);
--pf-v6-c-menu--m-flyout__menu--top-offset: 0px;
--pf-v6-c-menu--m-flyout__menu--left-offset: 0px;
--pf-v6-c-menu--m-flyout__menu--m-left--right-offset: 0px;
--pf-v6-c-menu--m-flyout__Zindex: var(--pf-t--global--z-index--sm);
--pf-v6-c-menu--m-flyout__menu--InsetBlockStart: calc(var(--pf-v6-c-menu__list--PaddingBlockStart) * -1 + var(--pf-v6-c-menu--m-flyout__menu--top-offset));
--pf-v6-c-menu--m-flyout__menu--InsetInlineEnd: auto;
--pf-v6-c-menu--m-flyout__menu--InsetBlockEnd: auto;
--pf-v6-c-menu--m-flyout__menu--InsetInlineStart: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--left-offset));
--pf-v6-c-menu--m-flyout__menu--m-top--InsetBlockEnd: calc(var(--pf-v6-c-menu__list--PaddingBlockStart) * -1);
--pf-v6-c-menu--m-flyout__menu--m-left--InsetInlineEnd: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
--pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
--pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
--pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
}
@media (prefers-reduced-motion: no-preference) {
.pf-v6-c-menu {
--pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
}
}
@media (prefers-reduced-motion: no-preference) {
.pf-v6-c-menu {
--pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
}
}
@media (prefers-reduced-motion: no-preference) {
.pf-v6-c-menu {
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
}
}
@media (prefers-reduced-motion: no-preference) {
.pf-v6-c-menu {
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
}
}
.pf-v6-c-menu__content,
.pf-v6-c-menu__list-item,
.pf-v6-c-menu__item-main,
.pf-v6-c-menu__breadcrumb,
.pf-v6-c-menu__item-check,
.pf-v6-c-menu__item-action,
.pf-v6-c-menu__item-action-icon {
display: flex;
}
.pf-v6-c-menu__list,
.pf-v6-c-menu__group {
--pf-v6-hidden-visible--visible--Display: grid;
--pf-v6-hidden-visible--hidden--Display: none;
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
display: var(--pf-v6-hidden-visible--Display);
}
.pf-v6-c-menu__list.pf-m-hidden,
.pf-v6-c-menu__group.pf-m-hidden {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
@media screen and (min-width: 36rem) {
.pf-v6-c-menu__list.pf-m-hidden-on-sm,
.pf-v6-c-menu__group.pf-m-hidden-on-sm {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
.pf-v6-c-menu__list.pf-m-visible-on-sm,
.pf-v6-c-menu__group.pf-m-visible-on-sm {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
}
}
@media screen and (min-width: 48rem) {
.pf-v6-c-menu__list.pf-m-hidden-on-md,
.pf-v6-c-menu__group.pf-m-hidden-on-md {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
.pf-v6-c-menu__list.pf-m-visible-on-md,
.pf-v6-c-menu__group.pf-m-visible-on-md {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
}
}
@media screen and (min-width: 62rem) {
.pf-v6-c-menu__list.pf-m-hidden-on-lg,
.pf-v6-c-menu__group.pf-m-hidden-on-lg {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
.pf-v6-c-menu__list.pf-m-visible-on-lg,
.pf-v6-c-menu__group.pf-m-visible-on-lg {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
}
}
@media screen and (min-width: 75rem) {
.pf-v6-c-menu__list.pf-m-hidden-on-xl,
.pf-v6-c-menu__group.pf-m-hidden-on-xl {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
.pf-v6-c-menu__list.pf-m-visible-on-xl,
.pf-v6-c-menu__group.pf-m-visible-on-xl {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
}
}
@media screen and (min-width: 90.625rem) {
.pf-v6-c-menu__list.pf-m-hidden-on-2xl,
.pf-v6-c-menu__group.pf-m-hidden-on-2xl {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
.pf-v6-c-menu__list.pf-m-visible-on-2xl,
.pf-v6-c-menu__group.pf-m-visible-on-2xl {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
}
}
.pf-v6-c-menu__list,
.pf-v6-c-menu__list-item,
.pf-v6-c-menu__breadcrumb,
.pf-v6-c-menu__footer {
position: relative;
}
.pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]),
.pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]) {
--pf-v6-c-menu__item--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
--pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
--pf-v6-c-menu__item-external--Color: transparent;
--pf-v6-c-menu__item-select-icon--Color: transparent;
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
--pf-v6-c-menu__list-item--BackgroundColor: transparent;
--pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
--pf-v6-c-menu__list-item--hover--BorderColor: transparent;
}
.pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
.pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
pointer-events: none;
}
.pf-v6-c-menu__list-item.pf-m-aria-disabled .pf-v6-c-menu__item,
.pf-v6-c-menu__item-action.pf-m-aria-disabled .pf-v6-c-menu__item {
cursor: default;
}
[class*=pf-v6-c-menu]:is([hidden]) {
display: none;
}
.pf-v6-c-menu {
display: grid;
row-gap: var(--pf-v6-c-menu--RowGap);
width: var(--pf-v6-c-menu--Width);
min-width: var(--pf-v6-c-menu--MinWidth);
padding-block-start: var(--pf-v6-c-menu--PaddingBlockStart);
padding-block-end: var(--pf-v6-c-menu--PaddingBlockEnd);
overflow: hidden;
color: var(--pf-v6-c-menu--Color);
background-color: var(--pf-v6-c-menu--BackgroundColor);
border: var(--pf-v6-c-menu--BorderWidth) solid var(--pf-v6-c-menu--BorderColor);
border-radius: var(--pf-v6-c-menu--BorderRadius);
box-shadow: var(--pf-v6-c-menu--BoxShadow);
transition-timing-function: var(--pf-v6-c-menu--TransitionTimingFunction) !important;
transition-duration: var(--pf-v6-c-menu--TransitionDuration) !important;
}
.pf-v6-c-menu .pf-v6-c-menu {
min-width: 100%;
}
.pf-v6-c-menu .pf-v6-c-menu__content .pf-v6-c-menu .pf-v6-c-menu__content {
overflow: visible;
}
.pf-v6-c-menu .pf-v6-c-menu__content .pf-v6-c-menu {
min-width: 100%;
border-radius: 0;
}
.pf-v6-c-menu.pf-m-flyout, .pf-v6-c-menu.pf-m-flyout .pf-v6-c-menu, .pf-v6-c-menu .pf-v6-c-menu.pf-m-flyout, .pf-v6-c-menu.pf-m-flyout .pf-v6-c-menu__content {
overflow: visible;
}
.pf-v6-c-menu .pf-v6-c-menu.pf-m-flyout, .pf-v6-c-menu.pf-m-flyout .pf-v6-c-menu {
position: absolute;
inset-block-start: var(--pf-v6-c-menu--m-flyout__menu--InsetBlockStart);
inset-block-end: var(--pf-v6-c-menu--m-flyout__menu--InsetBlockEnd);
inset-inline-start: var(--pf-v6-c-menu--m-flyout__menu--InsetInlineStart);
inset-inline-end: var(--pf-v6-c-menu--m-flyout__menu--InsetInlineEnd);
z-index: var(--pf-v6-c-menu--m-flyout__Zindex);
border-radius: var(--pf-v6-c-menu--BorderRadius);
}
.pf-v6-c-menu .pf-v6-c-menu.pf-m-flyout .pf-v6-c-menu__content, .pf-v6-c-menu.pf-m-flyout .pf-v6-c-menu .pf-v6-c-menu__content {
overflow-y: visible;
}
.pf-v6-c-menu.pf-m-top {
--pf-v6-c-menu--m-flyout__menu--InsetBlockStart: auto;
--pf-v6-c-menu--m-flyout__menu--InsetBlockEnd: var(--pf-v6-c-menu--m-flyout__menu--m-top--InsetBlockEnd);
}
.pf-v6-c-menu.pf-m-left {
--pf-v6-c-menu--m-flyout__menu--InsetInlineEnd: var(--pf-v6-c-menu--m-flyout__menu--m-left--InsetInlineEnd);
--pf-v6-c-menu--m-flyout__menu--InsetInlineStart: auto;
}
.pf-v6-c-menu.pf-m-drilldown > .pf-v6-c-menu__content {
overflow: hidden;
transition: var(--pf-v6-c-menu--m-drilldown__content--Transition);
}
.pf-v6-c-menu.pf-m-drilldown :where(.pf-v6-c-menu) {
padding: 0;
border: 0;
}
.pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list,
.pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__list {
transform: translateX(-100%);
}
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list, .pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__list {
transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
}
.pf-v6-c-menu.pf-m-drilldown > .pf-v6-c-menu__content .pf-v6-c-menu {
position: absolute;
inset-block-start: var(--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart);
inset-inline-start: 100%;
width: 100%;
box-shadow: none;
transition: var(--pf-v6-c-menu--m-drilldown--c-menu--Transition);
}
.pf-v6-c-menu.pf-m-drilldown > .pf-v6-c-menu__content .pf-v6-c-menu.pf-m-drilled-in {
transform: translateX(-100%);
}
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu.pf-m-drilldown > .pf-v6-c-menu__content .pf-v6-c-menu.pf-m-drilled-in {
transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
}
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
overflow: hidden;
visibility: visible;
transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
}
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
--pf-v6-c-menu__list--PaddingBlockStart: 0;
--pf-v6-c-menu__list--PaddingBlockEnd: 0;
}
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list-item.pf-m-current-path .pf-v6-c-menu {
z-index: var(--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex);
}
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list-item.pf-m-current-path > .pf-v6-c-menu {
overflow: visible;
}
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list-item.pf-m-static > .pf-v6-c-menu {
position: static;
}
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list-item.pf-m-static:hover {
background-color: transparent;
}
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list-item:not(.pf-m-current-path) .pf-v6-c-menu {
display: none;
}
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__item {
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
}
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
overflow: visible;
visibility: hidden;
}
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-menu__list-item:not(.pf-m-current-path) {
display: none;
}
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-menu__list-item.pf-m-current-path {
visibility: hidden;
}
.pf-v6-c-menu.pf-m-plain {
--pf-v6-c-menu--BoxShadow: var(--pf-v6-c-menu--m-plain--BoxShadow);
}
.pf-v6-c-menu.pf-m-scrollable {
--pf-v6-c-menu__content--MaxHeight: var(--pf-v6-c-menu--m-scrollable__content--MaxHeight);
--pf-v6-c-menu__footer--BoxShadow: var(--pf-v6-c-menu--m-scrollable__footer--BoxShadow);
--pf-v6-c-menu__footer--BorderColor: var(--pf-v6-c-menu--m-scrollable__footer--BorderColor);
--pf-v6-c-menu__footer--BorderWidth: var(--pf-v6-c-menu--m-scrollable__footer--BorderWidth);
--pf-v6-c-menu__footer--PaddingBlockStart: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
--pf-v6-c-menu__footer--PaddingBlockEnd: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
overflow: hidden;
}
.pf-v6-c-menu.pf-m-scrollable:has(.pf-v6-c-menu__footer) {
--pf-v6-c-menu--PaddingBlockEnd: 0;
}
.pf-v6-c-menu.pf-m-scrollable .pf-v6-c-menu__content,
.pf-v6-c-menu.pf-m-scrollable .pf-v6-c-menu__list {
overflow-y: auto;
}
.pf-v6-c-menu.pf-m-scrollable .pf-v6-c-menu__content {
position: relative;
z-index: var(--pf-v6-c-menu--ZIndex);
margin-block-start: calc(var(--pf-v6-c-menu--RowGap) * -1);
margin-block-end: calc(var(--pf-v6-c-menu--RowGap) * -1);
}
.pf-v6-c-menu.pf-m-scrollable .pf-v6-c-menu__list {
padding-block-start: var(--pf-v6-c-menu--RowGap);
padding-block-end: var(--pf-v6-c-menu--RowGap);
}
.pf-v6-c-menu__header {
padding-block-start: var(--pf-v6-c-menu__header--PaddingBlockStart);
padding-block-end: var(--pf-v6-c-menu__header--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-menu__header--PaddingInlineStart);
padding-inline-end: var(--pf-v6-c-menu__header--PaddingInlineEnd);
}
.pf-v6-c-menu__search {
padding-block-start: var(--pf-v6-c-menu__search--PaddingBlockStart);
padding-block-end: var(--pf-v6-c-menu__search--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-menu__search--PaddingInlineStart);
padding-inline-end: var(--pf-v6-c-menu__search--PaddingInlineEnd);
}
.pf-v6-c-menu__footer {
padding-block-start: var(--pf-v6-c-menu__footer--PaddingBlockStart);
padding-block-end: var(--pf-v6-c-menu__footer--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-menu__footer--PaddingInlineStart);
padding-inline-end: var(--pf-v6-c-menu__footer--PaddingInlineEnd);
border-block-start: var(--pf-v6-c-menu__footer--BorderWidth) solid var(--pf-v6-c-menu__footer--BorderColor);
box-shadow: var(--pf-v6-c-menu__footer--BoxShadow);
}
.pf-v6-c-menu__content {
flex-direction: column;
row-gap: var(--pf-v6-c-menu__content--RowGap);
height: var(--pf-v6-c-menu__content--Height);
max-height: var(--pf-v6-c-menu__content--MaxHeight);
}
.pf-v6-c-menu__content .pf-v6-c-menu__content {
--pf-v6-c-menu__content--Height: auto;
}
.pf-v6-c-menu__list :where(.pf-v6-c-divider:is(li)) {
margin-block-start: var(--pf-v6-c-menu__list--divider--MarginBlockStart);
margin-block-end: var(--pf-v6-c-menu__list--divider--MarginBlockEnd);
}
.pf-v6-c-menu__list-item {
align-items: baseline;
min-width: 0;
transition-timing-function: var(--pf-v6-c-menu__list-item--TransitionTimingFunction);
transition-duration: var(--pf-v6-c-menu__list-item--TransitionDuration);
transition-property: var(--pf-v6-c-menu__list-item--TransitionProperty);
}
.pf-v6-c-menu__list-item > * {
position: relative;
}
.pf-v6-c-menu__list-item::before {
position: absolute;
inset: 0;
content: "";
background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
border-block-start: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
border-block-end: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
transition: inherit;
}
.pf-v6-c-menu__list-item.pf-m-load {
--pf-v6-c-menu__item--Color: var(--pf-v6-c-menu__list-item--m-load__item--Color);
}
.pf-v6-c-menu__list-item.pf-m-loading {
justify-content: center;
overflow: hidden;
pointer-events: none;
}
.pf-v6-c-menu__list-item.pf-m-loading .pf-v6-c-menu__item-text {
text-align: center;
}
.pf-v6-c-menu__list-item.pf-m-danger {
--pf-v6-c-menu__item--Color: var(--pf-v6-c-menu__list-item--m-danger--Color);
}
.pf-v6-c-menu__list-item.pf-m-danger:is(:hover, :focus) {
--pf-v6-c-menu__item--Color: var(--pf-v6-c-menu__list-item--m-danger--hover--Color, var(--pf-v6-c-menu__list-item--m-danger--Color));
}
.pf-v6-c-menu__list-item:has(.pf-v6-c-menu__item-action) {
padding-inline-end: var(--pf-v6-c-menu__list-item--has--menu-action--PaddingInlineEnd);
}
.pf-v6-c-menu__list-item.pf-m-focus, .pf-v6-c-menu__list-item:focus-within, .pf-v6-c-menu__list-item:has(> :hover) {
--pf-v6-c-menu__list-item--BackgroundColor: var(--pf-v6-c-menu__list-item--hover--BackgroundColor);
--pf-v6-c-menu__list-item--BorderWidth: var(--pf-v6-c-menu__list-item--hover--BorderWidth);
}
.pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-select-icon,
.pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-external-icon, .pf-v6-c-menu__list-item:focus-within .pf-v6-c-menu__item-select-icon,
.pf-v6-c-menu__list-item:focus-within .pf-v6-c-menu__item-external-icon, .pf-v6-c-menu__list-item:has(> :hover) .pf-v6-c-menu__item-select-icon,
.pf-v6-c-menu__list-item:has(> :hover) .pf-v6-c-menu__item-external-icon {
opacity: 1;
}
.pf-v6-c-menu__item {
flex-basis: 100%;
flex-direction: column;
min-width: 0;
padding-block-start: var(--pf-v6-c-menu__item--PaddingBlockStart);
padding-block-end: var(--pf-v6-c-menu__item--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-menu__item--PaddingInlineStart);
padding-inline-end: var(--pf-v6-c-menu__item--PaddingInlineEnd);
font-size: var(--pf-v6-c-menu__item--FontSize);
font-weight: var(--pf-v6-c-menu__item--FontWeight);
line-height: var(--pf-v6-c-menu__item--LineHeight);
color: var(--pf-v6-c-menu__item--Color);
text-align: start;
text-decoration-line: none;
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
border: 0;
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
--pf-v6-hidden-visible--visible--Display: flex;
--pf-v6-hidden-visible--hidden--Display: none;
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
display: var(--pf-v6-hidden-visible--Display);
}
.pf-v6-c-menu__item.pf-m-hidden {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
@media screen and (min-width: 36rem) {
.pf-v6-c-menu__item.pf-m-hidden-on-sm {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
.pf-v6-c-menu__item.pf-m-visible-on-sm {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
}
}
@media screen and (min-width: 48rem) {
.pf-v6-c-menu__item.pf-m-hidden-on-md {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
.pf-v6-c-menu__item.pf-m-visible-on-md {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
}
}
@media screen and (min-width: 62rem) {
.pf-v6-c-menu__item.pf-m-hidden-on-lg {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
.pf-v6-c-menu__item.pf-m-visible-on-lg {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
}
}
@media screen and (min-width: 75rem) {
.pf-v6-c-menu__item.pf-m-hidden-on-xl {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
.pf-v6-c-menu__item.pf-m-visible-on-xl {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
}
}
@media screen and (min-width: 90.625rem) {
.pf-v6-c-menu__item.pf-m-hidden-on-2xl {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
.pf-v6-c-menu__item.pf-m-visible-on-2xl {
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
}
}
:where(label).pf-v6-c-menu__item {
cursor: pointer;
}
.pf-v6-c-menu__item.pf-m-selected {
--pf-v6-c-menu__item-select-icon--Color: var(--pf-v6-c-menu__item--m-selected__item-select-icon--Color);
}
.pf-v6-c-menu__item:is(:hover, :focus, .pf-m-selected) .pf-v6-c-menu__item-select-icon,
.pf-v6-c-menu__item:is(:hover, :focus, .pf-m-selected) .pf-v6-c-menu__item-external-icon {
opacity: 1;
}
.pf-v6-c-menu__item:is(:hover, :focus, .pf-m-selected) .pf-v6-c-menu__item-external-icon {
color: var(--pf-v6-c-menu__item-external--Color);
}
.pf-v6-c-menu__item-select-icon {
color: var(--pf-v6-c-menu__item-select-icon--Color);
}
.pf-v6-c-menu__item-main {
column-gap: var(--pf-v6-c-menu__item-main--ColumnGap);
align-items: center;
width: 100%;
}
.pf-v6-c-menu__item-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex-grow: 1;
}
.pf-v6-c-menu__group-title {
padding-block-start: var(--pf-v6-c-menu__group-title--PaddingBlockStart);
padding-block-end: var(--pf-v6-c-menu__group-title--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-menu__group-title--PaddingInlineStart);
padding-inline-end: var(--pf-v6-c-menu__group-title--PaddingInlineEnd);
font-size: var(--pf-v6-c-menu__group-title--FontSize, inherit);
font-weight: var(--pf-v6-c-menu__group-title--FontWeight, inherit);
color: var(--pf-v6-c-menu__group-title--Color);
}
.pf-v6-c-menu__item-description {
font-size: var(--pf-v6-c-menu__item-description--FontSize);
color: var(--pf-v6-c-menu__item-description--Color);
word-break: break-word;
}
.pf-v6-c-menu__item-check .pf-v6-c-check {
--pf-v6-c-check__input--TranslateY: none;
}
.pf-v6-c-menu__item-toggle-icon {
color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
}
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
scale: -1 1;
}
.pf-v6-c-menu__item-icon {
color: var(--pf-v6-c-menu__item--icon--Color, inherit);
}
.pf-v6-c-menu__item-select-icon,
.pf-v6-c-menu__item-external-icon {
opacity: 0;
}
.pf-v6-c-menu__item-toggle-icon.pf-m-favorited, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited),
.pf-v6-c-menu__item-action.pf-m-favorited,
.pf-v6-c-menu__item-action.pf-m-favorited:hover,
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
--pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
}
.pf-v6-c-menu__item-toggle-icon.pf-m-favorited:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus),
.pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
.pf-v6-c-menu__item-action.pf-m-favorited:hover:is(:hover, :focus),
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
}
.pf-v6-c-menu__breadcrumb {
--pf-v6-c-breadcrumb__item--FontSize: var(--pf-v6-c-menu__breadcrumb--FontSize);
padding-block-start: var(--pf-v6-c-menu__breadcrumb--PaddingBlockStart);
padding-block-end: var(--pf-v6-c-menu__breadcrumb--PaddingBlockEnd);
padding-inline-start: var(--pf-v6-c-menu__breadcrumb--PaddingInlineStart);
padding-inline-end: var(--pf-v6-c-menu__breadcrumb--PaddingInlineEnd);
}
.pf-v6-c-menu__breadcrumb .pf-v6-c-menu {
min-width: auto;
padding-block-start: var(--pf-v6-c-menu--PaddingBlockStart);
padding-block-end: var(--pf-v6-c-menu--PaddingBlockEnd);
}
.pf-v6-c-menu__breadcrumb .pf-v6-c-menu__content {
height: auto;
}
.pf-v6-c-menu__breadcrumb .pf-v6-c-menu-toggle {
--pf-v6-c-menu-toggle--BorderWidth: 0;
--pf-v6-c-menu-toggle--BorderColor: transparent;
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
}
.pf-v6-c-breadcrumb {
--pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
--pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
--pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
--pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
--pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
--pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
--pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
--pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
--pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
--pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
--pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
}
.pf-v6-c-breadcrumb {
display: inline-flex;
}
.pf-v6-c-breadcrumb__list {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.pf-v6-c-breadcrumb__item {
display: flex;
align-items: baseline;
font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
white-space: nowrap;
list-style: none;
}
.pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
--pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
}
.pf-v6-c-breadcrumb__item:not(:last-child) {
margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
}
.pf-v6-c-breadcrumb__item-divider {
margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
line-height: 1;
color: var(--pf-v6-c-breadcrumb__item-divider--Color);
}
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
scale: -1 1;
}
.pf-v6-c-breadcrumb__link {
padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
font-size: inherit;
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
line-height: inherit;
color: var(--pf-v6-c-breadcrumb__link--Color);
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
word-break: break-word;
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
}
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
--pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
--pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
--pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
}
.pf-v6-c-breadcrumb__link.pf-m-current {
cursor: default;
}
.pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
text-decoration-line: none;
}
button.pf-v6-c-breadcrumb__link {
border: none;
}
.pf-v6-c-breadcrumb__dropdown {
margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
}
.pf-v6-c-breadcrumb__heading {
display: inline;
font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
}
.pf-v6-c-breadcrumb__link,
.pf-v6-c-breadcrumb__heading {
white-space: normal;
}
.pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
display: none;
}
.pf-v6-c-spinner {
--pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
--pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
--pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
--pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
--pf-v6-c-spinner--AnimationDuration: 1.4s;
--pf-v6-c-spinner--AnimationTimingFunction: linear;
--pf-v6-c-spinner--StrokeWidth: 10;
--pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
--pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
--pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
--pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
--pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
--pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
--pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
--pf-v6-c-spinner--m-inline--diameter: 1em;
}
.pf-v6-c-spinner {
width: var(--pf-v6-c-spinner--Width);
height: var(--pf-v6-c-spinner--Height);
overflow: hidden;
animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
}
.pf-v6-c-spinner.pf-m-inline {
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
}
.pf-v6-c-spinner.pf-m-xs {
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
--pf-v6-c-spinner--StrokeWidth: 15;
}
.pf-v6-c-spinner.pf-m-sm {
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
}
.pf-v6-c-spinner.pf-m-md {
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
}
.pf-v6-c-spinner.pf-m-lg {
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
}
.pf-v6-c-spinner.pf-m-xl {
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
}
.pf-v6-c-spinner__path {
width: 100%;
height: 100%;
stroke: var(--pf-v6-c-spinner--Color);
stroke-dasharray: 283;
stroke-dashoffset: 280;
stroke-linecap: round;
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
transform-origin: 50% 50%;
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
}
@keyframes pf-v6-c-spinner-animation-rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes pf-v6-c-spinner-animation-dash {
0% {
stroke-dashoffset: 280;
transform: rotate(0);
}
15% {
stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
}
40% {
stroke-dasharray: 220;
stroke-dashoffset: 150;
}
100% {
stroke-dashoffset: 280;
transform: rotate(720deg);
}
}
.pf-v6-c-badge {
--pf-v6-c-badge--BorderColor: transparent;
--pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
--pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
--pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
--pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
--pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
--pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
--pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
--pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
--pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
--pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
--pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
--pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
--pf-v6-c-badge--m-read--BorderColor: var(--pf-t--global--border--color--high-contrast);
--pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
--pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
--pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
--pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
--pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
--pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
--pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
}
.pf-v6-c-badge {
position: relative;
display: inline-block;
min-width: var(--pf-v6-c-badge--MinWidth);
padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
font-size: var(--pf-v6-c-badge--FontSize);
font-weight: var(--pf-v6-c-badge--FontWeight);
color: var(--pf-v6-c-badge--Color);
text-align: center;
white-space: nowrap;
background-color: var(--pf-v6-c-badge--BackgroundColor);
border-radius: var(--pf-v6-c-badge--BorderRadius);
}
.pf-v6-c-badge::after {
position: absolute;
inset: 0;
pointer-events: none;
content: "";
border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
border-radius: inherit;
}
.pf-v6-c-badge.pf-m-read {
--pf-v6-c-badge--BorderColor: var(--pf-v6-c-badge--m-read--BorderColor);
--pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
--pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
--pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
}
.pf-v6-c-badge.pf-m-unread {
--pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
--pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
--pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
}
.pf-v6-c-badge.pf-m-disabled {
--pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
--pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
}
.pf-v6-c-badge.pf-m-disabled::after {
border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
}
.pf-v6-c-badge__toggle-icon {
margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
color: var(--pf-v6-c-badge__toggle-icon--Color);
}
|