/* Minification failed. Returning unminified contents. (194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (233,23): run-time error CSS1039: Token not allowed after unary operator: '-bold' (234,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (241,23): run-time error CSS1039: Token not allowed after unary operator: '-bold' (242,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (250,23): run-time error CSS1039: Token not allowed after unary operator: '-bold' (251,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (258,23): run-time error CSS1039: Token not allowed after unary operator: '-bold' (259,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (264,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (284,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (648,28): run-time error CSS1039: Token not allowed after unary operator: '-success-bg' (649,17): run-time error CSS1039: Token not allowed after unary operator: '-success' (661,23): run-time error CSS1039: Token not allowed after unary operator: '-base-font' (662,23): run-time error CSS1039: Token not allowed after unary operator: '-regular' (665,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (681,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (685,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (692,24): run-time error CSS1039: Token not allowed after unary operator: '-container-padding' (704,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (733,21): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (752,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (753,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (754,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (767,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (779,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (805,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (813,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-600' (846,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (854,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (862,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-600' (914,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (928,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (965,40): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (970,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (1009,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (1013,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (1019,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (1020,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (1022,23): run-time error CSS1039: Token not allowed after unary operator: '-bold' (1033,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (1045,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (1046,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (1050,36): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (1054,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (1058,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-600' (1062,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (1063,32): run-time error CSS1039: Token not allowed after unary operator: '-danger' (1067,36): run-time error CSS1039: Token not allowed after unary operator: '-danger-dark' (1071,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (1072,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1076,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (1081,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (1085,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (1089,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (1090,21): run-time error CSS1039: Token not allowed after unary operator: '-danger' (1094,41): run-time error CSS1039: Token not allowed after unary operator: '-danger' (1098,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (1099,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (1104,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1170,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (1181,32): run-time error CSS1030: Expected identifier, found ',' (1181,53): run-time error CSS1031: Expected selector, found ')' (1181,53): run-time error CSS1025: Expected comma or open brace, found ')' (1268,1): run-time error CSS1019: Unexpected token, found '}' (1275,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (1276,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (1277,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (1283,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (1284,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (1304,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (1308,32): run-time error CSS1039: Token not allowed after unary operator: '-background' (1328,23): run-time error CSS1039: Token not allowed after unary operator: '-bold' (1329,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (1341,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (1351,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (1356,28): run-time error CSS1039: Token not allowed after unary operator: '-card-background' (1360,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (1364,33): run-time error CSS1039: Token not allowed after unary operator: '-white' (1375,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (1393,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (1398,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (1399,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (1417,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (1431,28): run-time error CSS1039: Token not allowed after unary operator: '-card-background' (1432,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (1498,38): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (1502,36): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (1506,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (1512,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (1517,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (1525,23): run-time error CSS1039: Token not allowed after unary operator: '-bold' (1531,17): run-time error CSS1039: Token not allowed after unary operator: '-success' (1532,28): run-time error CSS1039: Token not allowed after unary operator: '-success-bg' (1536,17): run-time error CSS1039: Token not allowed after unary operator: '-danger' (1537,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-bg' (1541,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-700' (1542,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-bg' (1554,23): run-time error CSS1039: Token not allowed after unary operator: '-bold' (1555,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (1566,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (1583,17): run-time error CSS1039: Token not allowed after unary operator: '-success' (1594,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (1620,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (1637,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (1645,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (1651,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (1669,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (1670,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (1680,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (1716,17): run-time error CSS1039: Token not allowed after unary operator: '-success' (1724,17): run-time error CSS1039: Token not allowed after unary operator: '-danger' (1750,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (1795,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (1800,23): run-time error CSS1039: Token not allowed after unary operator: '-bold' (1805,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (1814,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (1960,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (1967,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (1977,17): run-time error CSS1039: Token not allowed after unary operator: '-success' (1985,17): run-time error CSS1039: Token not allowed after unary operator: '-danger' (2026,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (2030,17): run-time error CSS1039: Token not allowed after unary operator: '-success' (2034,17): run-time error CSS1039: Token not allowed after unary operator: '-danger' (2038,17): run-time error CSS1039: Token not allowed after unary operator: '-danger' (2055,17): run-time error CSS1039: Token not allowed after unary operator: '-danger' (2063,17): run-time error CSS1039: Token not allowed after unary operator: '-success' (2115,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (2116,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (2117,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (2122,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2127,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2128,41): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2134,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (2135,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (2136,32): run-time error CSS1039: Token not allowed after unary operator: '-white' (2140,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (2177,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (2211,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (2213,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (2214,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (2222,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2231,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (2232,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2238,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2239,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2240,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2249,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (2256,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (2257,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (2258,34): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (2262,28): run-time error CSS1039: Token not allowed after unary operator: '-card-background' (2295,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2317,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (2321,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (2326,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2331,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2339,71): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (2353,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (2364,32): run-time error CSS1039: Token not allowed after unary operator: '-card-background' (2371,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2372,10): run-time error CSS1035: Expected colon, found '{' (2385,17): run-time error CSS1039: Token not allowed after unary operator: '-success' (2396,17): run-time error CSS1039: Token not allowed after unary operator: '-danger' (2400,28): run-time error CSS1039: Token not allowed after unary operator: '-danger' (2428,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (2429,32): run-time error CSS1039: Token not allowed after unary operator: '-white' (2430,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (2436,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2437,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2445,41): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2449,40): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2504,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (2505,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (2506,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (2507,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (2513,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2525,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2526,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2527,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2531,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (2558,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (2559,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (2569,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2582,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (2583,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2606,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (2608,37): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (2609,38): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (2628,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (2643,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (2645,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (2646,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (2655,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2661,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2662,41): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2671,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (2672,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (2675,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (2684,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2689,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2690,41): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2703,25): run-time error CSS1039: Token not allowed after unary operator: '-box-radius' (2704,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (2734,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2742,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (2761,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2768,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-150' (2769,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (2770,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (2776,28): run-time error CSS1039: Token not allowed after unary operator: '-success-bg' (2777,17): run-time error CSS1039: Token not allowed after unary operator: '-success' (2799,25): run-time error CSS1039: Token not allowed after unary operator: '-box-radius' (2814,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (2829,19): run-time error CSS1039: Token not allowed after unary operator: '-container-padding' (2835,28): run-time error CSS1039: Token not allowed after unary operator: '-background' (2841,25): run-time error CSS1039: Token not allowed after unary operator: '-box-radius' (2853,25): run-time error CSS1039: Token not allowed after unary operator: '-box-radius' (2905,44): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (2916,50): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (2925,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2931,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (2954,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2964,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (2967,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2975,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (2980,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (2984,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3007,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3008,40): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (3019,40): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (3024,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-150' (3028,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3061,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (3062,25): run-time error CSS1039: Token not allowed after unary operator: '-box-radius' (3097,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3104,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3118,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (3119,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (3130,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (3145,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (3164,23): run-time error CSS1039: Token not allowed after unary operator: '-base-font' (3165,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (3172,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3173,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (3174,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (3178,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (3184,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (3185,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (3189,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3206,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (3207,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (3208,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (3218,27): run-time error CSS1039: Token not allowed after unary operator: '-bold' (3219,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (3236,44): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (3240,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-150' (3246,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (3255,23): run-time error CSS1039: Token not allowed after unary operator: '-bold' (3265,40): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (3272,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (3280,21): run-time error CSS1039: Token not allowed after unary operator: '-accent-600' (3284,21): run-time error CSS1039: Token not allowed after unary operator: '-success' (3288,17): run-time error CSS1039: Token not allowed after unary operator: '-success' (3292,17): run-time error CSS1039: Token not allowed after unary operator: '-danger' (3309,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (3310,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (3311,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (3323,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3324,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3337,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3344,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3352,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3392,52): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (3407,29): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3441,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (3460,25): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3508,52): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (3523,29): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3560,52): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (3575,29): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3612,52): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (3627,29): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3642,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (3643,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (3644,34): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (3645,35): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (3689,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (3690,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (3696,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3708,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (3716,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3721,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3722,41): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3737,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (3747,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3776,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (3798,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (3799,38): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (3800,39): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (3801,40): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (3835,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3836,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (3837,33): run-time error CSS1039: Token not allowed after unary operator: '-background-dark' (3854,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (3855,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (3860,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3865,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3866,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3867,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3872,40): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (3879,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (3887,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3891,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3901,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3910,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (3911,37): run-time error CSS1039: Token not allowed after unary operator: '-background-dark' (3913,23): run-time error CSS1039: Token not allowed after unary operator: '-tabbar-height' (3914,26): run-time error CSS1039: Token not allowed after unary operator: '-container-padding' (3927,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (3931,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3935,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3950,23): run-time error CSS1039: Token not allowed after unary operator: '-bold' (3951,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (3974,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (3978,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (3990,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (3991,34): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (4013,39): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (4017,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (4022,41): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (4035,25): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (4040,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (4044,36): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (4068,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (4074,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (4083,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (4108,61): run-time error CSS1030: Expected identifier, found ',' (4108,67): run-time error CSS1031: Expected selector, found ')' (4108,67): run-time error CSS1025: Expected comma or open brace, found ')' (4115,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (4123,57): run-time error CSS1030: Expected identifier, found ',' (4123,63): run-time error CSS1031: Expected selector, found ')' (4123,63): run-time error CSS1025: Expected comma or open brace, found ')' (4129,43): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (4134,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (4138,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (4142,45): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (4146,25): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (4150,21): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4154,40): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4158,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (4173,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (4182,33): run-time error CSS1039: Token not allowed after unary operator: '-white' (4192,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4193,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900' (4194,71): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4216,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (4428,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4433,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4438,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4443,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4448,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4453,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4458,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4463,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4468,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4473,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4478,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4483,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4488,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4493,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4498,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4503,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4508,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4513,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4518,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4523,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4528,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4533,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4538,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4543,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4548,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4553,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4558,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4563,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4568,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4573,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4578,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4583,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4588,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4593,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4598,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4603,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4608,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4613,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4618,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4623,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4628,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4633,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4638,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4643,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4648,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4653,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4658,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4663,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4668,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4673,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4697,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (4706,23): run-time error CSS1039: Token not allowed after unary operator: '-bold' (4710,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (4711,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (4723,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4724,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4743,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (4753,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (5159,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (5162,15): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (5166,25): run-time error CSS1039: Token not allowed after unary operator: '-container-padding' (5167,35): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (5187,33): run-time error CSS1039: Token not allowed after unary operator: '-tabbar-height' (5193,20): run-time error CSS1030: Expected identifier, found '.' (5193,38): run-time error CSS1031: Expected selector, found ')' (5193,38): run-time error CSS1025: Expected comma or open brace, found ')' (5199,15): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (5213,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (5214,25): run-time error CSS1039: Token not allowed after unary operator: '-container-padding' (5215,40): run-time error CSS1039: Token not allowed after unary operator: '-background-dark' (5223,15): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (5245,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (5246,25): run-time error CSS1039: Token not allowed after unary operator: '-container-padding' (5247,40): run-time error CSS1039: Token not allowed after unary operator: '-background-dark' (5282,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (5283,25): run-time error CSS1039: Token not allowed after unary operator: '-container-padding' (5284,40): run-time error CSS1039: Token not allowed after unary operator: '-background-dark' (5306,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (5318,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (5327,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (5331,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (5338,26): run-time error CSS1039: Token not allowed after unary operator: '-container-padding' (5395,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (5407,17): run-time error CSS1039: Token not allowed after unary operator: '-link' (5426,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (5446,46): run-time error CSS1039: Token not allowed after unary operator: '-white' (5452,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (5462,32): run-time error CSS1039: Token not allowed after unary operator: '-white' (5466,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (5467,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (5468,46): run-time error CSS1039: Token not allowed after unary operator: '-container-padding' (5479,50): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (5483,25): run-time error CSS1039: Token not allowed after unary operator: '-white' (5487,32): run-time error CSS1039: Token not allowed after unary operator: '-background-dark' (5491,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (5496,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (5517,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (5518,37): run-time error CSS1039: Token not allowed after unary operator: '-background-dark' (5521,25): run-time error CSS1039: Token not allowed after unary operator: '-container-padding' (5548,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (5550,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (5554,23): run-time error CSS1030: Expected identifier, found '.' (5554,55): run-time error CSS1031: Expected selector, found ')' (5554,55): run-time error CSS1025: Expected comma or open brace, found ')' (5562,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (5563,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (5573,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (5582,10): run-time error CSS1030: Expected identifier, found '.' (5582,21): run-time error CSS1031: Expected selector, found ')' (5582,21): run-time error CSS1025: Expected comma or open brace, found ')' (5590,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (5591,37): run-time error CSS1039: Token not allowed after unary operator: '-background-dark' (5592,24): run-time error CSS1039: Token not allowed after unary operator: '-container-padding' (5602,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (5621,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (5636,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5683,23): run-time error CSS1039: Token not allowed after unary operator: '-tabbar-height' (5689,28): run-time error CSS1039: Token not allowed after unary operator: '-background' (5717,30): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (5749,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (5777,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (5811,32): run-time error CSS1039: Token not allowed after unary operator: '-background' (5820,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (5821,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (5854,37): run-time error CSS1039: Token not allowed after unary operator: '-background' (5905,28): run-time error CSS1039: Token not allowed after unary operator: '-background' (5923,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (5933,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (5935,25): run-time error CSS1039: Token not allowed after unary operator: '-box-radius' (5966,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (5990,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5991,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6008,28): run-time error CSS1039: Token not allowed after unary operator: '-background' (6019,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (6035,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (6044,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (6056,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6063,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (6068,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (6086,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (6096,15): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (6099,31): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (6102,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (6123,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (6130,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (6136,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (6145,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (6149,30): run-time error CSS1039: Token not allowed after unary operator: '-neutral-650' (6159,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6160,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-650' (6161,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-650' (6165,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6166,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (6167,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (6211,28): run-time error CSS1039: Token not allowed after unary operator: '-background' (6230,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (6233,28): run-time error CSS1039: Token not allowed after unary operator: '-background' (6243,25): run-time error CSS1039: Token not allowed after unary operator: '-white' (6247,29): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (6278,26): run-time error CSS1039: Token not allowed after unary operator: '-menu-horizontal-width' (6325,21): run-time error CSS1039: Token not allowed after unary operator: '-menu-horizontal-width' (6326,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (6327,41): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (6333,25): run-time error CSS1039: Token not allowed after unary operator: '-container-padding' (6366,45): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (6369,25): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (6375,42): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (6390,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (6397,25): run-time error CSS1039: Token not allowed after unary operator: '-white' (6403,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (6453,23): run-time error CSS1039: Token not allowed after unary operator: '-bold' (6454,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (6484,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (6504,23): run-time error CSS1039: Token not allowed after unary operator: '-bold' (6505,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (6506,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (6524,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-500' (6537,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (6586,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (6591,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (6592,25): run-time error CSS1039: Token not allowed after unary operator: '-box-radius' (6607,23): run-time error CSS1039: Token not allowed after unary operator: '-bold' (6608,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (6620,40): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (6624,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (6635,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (6640,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-bg' (6641,17): run-time error CSS1039: Token not allowed after unary operator: '-danger' (6642,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (6662,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (6697,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (6705,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (6717,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (6718,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6736,28): run-time error CSS1039: Token not allowed after unary operator: '-success' (6744,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-600' (6752,28): run-time error CSS1039: Token not allowed after unary operator: '-danger' (6773,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (7183,28): run-time error CSS1039: Token not allowed after unary operator: '-success' (7187,28): run-time error CSS1039: Token not allowed after unary operator: '-danger' (7191,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-600' (7195,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (7196,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (7197,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius' (7208,44): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (7227,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (7229,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (7243,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (7263,17): run-time error CSS1039: Token not allowed after unary operator: '-success' (7267,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-700' (7271,17): run-time error CSS1039: Token not allowed after unary operator: '-danger' (7314,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ :root { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Oxygen-Sans,Ubuntu,Cantarell,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; box-sizing: border-box; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0) } *, *::before, *::after, *:before, *:after { box-sizing: inherit } [tabindex="-1"]:focus { outline: none !important } @media(prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important } } pre { overflow-x: auto } ul, ol { list-style-position: inside } figure { width: 100%; margin: 0 } abbr[title] { border-bottom: none; text-decoration: underline dotted } code, kbd, samp, pre { font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace; font-size: .9em } b, strong { font-weight: bolder } small { font-size: .85em } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } img, video, audio { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; border-style: none } iframe { border: 0 } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: 1em } button, select { text-transform: none } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button } textarea, [type=email], [type=password], [type=search], [type=tel], [type=text], [type=url], [type=number], [type=week], [type=datetime], input[list] { -webkit-appearance: button } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } progress { vertical-align: middle } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: textfield } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } pre, code, kbd, samp, var { cursor: text } abbr[title], dfn[title] { cursor: help } textarea, input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], input[type=number], input[type=datetime] { cursor: text } select { cursor: context-dashboard-menu } input[type=range] { cursor: col-resize } [disabled] { cursor: not-allowed !important } summary { display: list-item; outline: 0 } button { border: none; background-color: rgba(0,0,0,0) } body, h1, h2, h3, h4, p, ul, ol, li, figure, figcaption, blockquote, dl, dd { font-weight: normal; font-size: 100%; padding: 0; margin: 0 } ul { list-style: none } ul, ol { padding: 0 } a { color: inherit; text-decoration: none } a > svg { pointer-events: none } :root { --base-font: "Baloo Thambi 2", sans-serif; --regular: 400; --bold: 600; --background: #f7f5f1; --background-dark: #edeae6; --card-background: #fbfaf8; --white: #fff; --accent-bg: #fffceb; --accent-500: #ffc845; --accent-600: #e5a72c; --accent-700: #ce9117; --neutral-150: #f7f7f7; --neutral-200: #eeeff0; --neutral-300: #dbe1eb; --neutral-400: #9eabbf; --neutral-500: #687589; --neutral-600: #525f80; --neutral-650: #2d4177; --neutral-700: #263765; --neutral-800: #152849; --neutral-900: #040f23; --link: #264cb6; --danger: #d93145; --danger-dark: #c42538; --danger-bg: #ffeff1; --success: #389537; --success-bg: #ebf4eb; --header-height: 4rem; --tabbar-height: 3.25rem; --button-radius: 0.5rem; --box-radius: 1.5rem; --container-padding: 0.5rem; --menu-horizontal-width: 14rem } .swl-heading-1 { font-size: 2rem; line-height: 1.25; letter-spacing: -0.005em; font-weight: var(--bold); color: var(--neutral-700) } .swl-heading-2 { font-size: 1.625rem; line-height: 1.25; letter-spacing: -0.005em; font-weight: var(--bold); color: var(--neutral-700); margin-bottom: .5rem } .swl-heading-3 { font-size: 1.375rem; line-height: 1.25; letter-spacing: -0.005em; font-weight: var(--bold); color: var(--neutral-700) } .swl-heading-4 { font-size: 1rem; line-height: 1.25; letter-spacing: -0.005em; font-weight: var(--bold); color: var(--neutral-700); margin-top: 1rem } .swl-paragraph { color: var(--neutral-600) } .swl-paragraph:not(:last-child) { margin-bottom: .5rem } .swl-paragraph:not(.swl-paragraph__lg) { font-size: 1.125rem; line-height: 1.25 } .swl-paragraph__lg { font-size: 1.25rem; line-height: 1.25 } .swl-note { font-size: 1rem; line-height: 1.25; color: var(--neutral-500) } @font-face { font-family: "icons"; src: url("/Content/assets/fonts/icons.eot"); src: url("/Content/assets/fonts/icons.eot") format("embedded-opentype"),url("/Content/assets/fonts/icons.woff2") format("woff2"),url("/Content/assets/fonts/icons.woff") format("woff"),url("/Content/assets/fonts/icons.ttf") format("truetype"),url("/Content/assets/fonts/icons.svg") format("svg"); font-weight: normal; font-style: normal } .swl-icon { display: inline-block; font: normal normal normal 1.5rem/1 "icons"; color: inherit; flex-shrink: 0; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .swl-icon-sm { font-size: 1rem } .swl-icon-circle_check::before { content: "\ea02" } .swl-icon-arrow-right::before { content: "\ea03" } .swl-icon-arrow-left::before { content: "\ea04" } .swl-icon-remodeling::before { content: "\ea05" } .swl-icon-house::before { content: "\ea06" } .swl-icon-fovissste::before { content: "\ea07" } .swl-icon-construction::before { content: "\ea08" } .swl-icon-warning::before { content: "\ea09" } .swl-icon-shf::before { content: "\ea0a" } .swl-icon-terrain::before { content: "\ea0b" } .swl-icon-triangle::before { content: "\ea0c" } .swl-icon-chevron-right::before { content: "\ea0d" } .swl-icon-terrain-home::before { content: "\ea0e" } .swl-icon-liquidity::before { content: "\ea0f" } .swl-icon-improvement::before { content: "\ea10" } .swl-icon-download::before { content: "\ea11" } .swl-icon-help::before { content: "\ea12" } .swl-icon-chevron-left::before { content: "\ea13" } .swl-icon-check_small::before { content: "\ea14" } .swl-icon-remove::before { content: "\ea15" } .swl-icon-check::before { content: "\ea16" } .swl-icon-whatsapp::before { content: "\ea18" } .swl-icon-wallet::before { content: "\ea19" } .swl-icon-users::before { content: "\ea1b" } .swl-icon-settings::before { content: "\ea1c" } .swl-icon-reports::before { content: "\ea1f" } .swl-icon-prequalifier::before { content: "\ea20" } .swl-icon-partners::before { content: "\ea21" } .swl-icon-options::before { content: "\ea22" } .swl-icon-logout::before { content: "\ea23" } .swl-icon-home::before { content: "\ea24" } .swl-icon-delete::before { content: "\ea27" } .swl-icon-close::before { content: "\ea29" } .swl-icon-api::before { content: "\ea2a" } .swl-icon-add::before { content: "\ea2b" } .swl-icon-view::before { content: "\ea2c" } .swl-icon-search::before { content: "\ea2d" } .swl-icon-download_small::before { content: "\ea30" } .swl-icon-dashboard::before { content: "\ea31" } .swl-icon-building::before { content: "\ea32" } .swl-icon-score::before { content: "\ea33" } .swl-icon-edit::before { content: "\ea34" } .swl-icon-scroll::before { content: "\ea35" } .swl-icon-lock::before { content: "\ea36" } .swl-icon-add-user::before { content: "\ea38" } .swl-icon-add-document::before { content: "\ea39" } .swl-icon-reward::before { content: "\ea3a" } .swl-icon-houses::before { content: "\ea3b" } .swl-icon-transactions::before { content: "\ea3c" } .swl-icon-support::before { content: "\ea3d" } .swl-icon-personal-data::before { content: "\ea3e" } .swl-icon-learn::before { content: "\ea3f" } .swl-icon-notification::before { content: "\ea40" } .swl-icon-payment::before { content: "\ea41" } .swl-icon-profile::before { content: "\ea42" } .swl-icon-vault::before { content: "\ea43" } .swl-icon-filter::before { content: "\ea44" } .swl-icon-warning_bold::before { content: "\ea45" } .swl-icon-chat::before { content: "\ea46" } .swl-icon-referral::before { content: "\ea47" } .swl-icon-logo-linkedin::before { content: "\ea48" } .swl-icon-send::before { content: "\ea49" } .swl-icon-fingerprint::before { content: "\ea4a" } .swl-icon-faceid::before { content: "\ea4b" } .swl-icon-contactlist::before { content: "\ea4c" } .swl-icon-sway::before { content: "\ea51" } .swl-icon-movements::before { content: "\ea54" } .swl-icon-withdraw::before { content: "\ea56" } .swl-icon-points::before { content: "\ea57" } .swl-icon-commissions::before { content: "\ea58" } .swl-icon-conversion::before { content: "\ea59" } .swl-icon-tutorial::before { content: "\ea5a" } .swl-icon-link-generator::before { content: "\ea5b" } .swl-icon-advanced-functions::before { content: "\ea5c" } .swl-icon-ai-assistant::before { content: "\ea5d" } .swl-icon-audio-off::before { content: "\ea5e" } .swl-icon-microphone::before { content: "\ea5f" } .swl-icon-audio-on::before { content: "\ea60" } .swl-icon-more::before { content: "\ea62" } .swl-icon-stop::before { content: "\ea63" } .swl-icon-chevron-down::before { content: "\ea64" } .swl-icon-chevron-up::before { content: "\ea65" } .swl-icon-play::before { content: "\ea66" } .swl-icon-pause::before { content: "\ea67" } .swl-icon--success { font-size: 2rem; background-color: var(--success-bg); color: var(--success); padding: 1.5rem; border-radius: 100%; width: fit-content } html { scroll-behavior: smooth } body { position: relative; font-family: var(--base-font); font-weight: var(--regular); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--neutral-600); display: flex; flex-direction: column; min-height: 100vh } .swl-navbar { width: 100%; display: flex; align-items: center } .swl-navbar__logo { display: flex; align-items: center; width: 9rem; border-radius: var(--button-radius) } .swl-navbar__logo:focus-visible { outline: .125rem solid var(--neutral-400); transition: all .2s ease-in-out } .swl-main { display: flex; flex-direction: column; padding: 2rem var(--container-padding) } @media screen and (min-width: 920px) { .swl-main { padding: 3rem } } .swl-footer__company { font-size: .75rem; line-height: 1.4; color: var(--neutral-400) } .swl-spinner { width: 2.5rem } .swl-loading { display: inline-flex; align-items: center; gap: .5rem } .swl-loading-image { width: 1.5rem; height: 1.5rem } .swl-check-list li { font-size: 1.125rem; line-height: 1.25; display: flex; gap: .5rem } .swl-check-list li::before { content: "\ea14"; font-family: "icons"; font-size: 1rem; color: var(--accent-500); margin-top: .0625rem } .swl-check-list li:not(:last-child) { margin-bottom: .5rem } .swl-nowrap { white-space: nowrap } .swl-accordion-wrap { display: flex; flex-direction: column; gap: .5rem } .swl-accordion { background-color: var(--white); border-radius: var(--button-radius); border: .0625rem solid var(--neutral-200) } .swl-accordion__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: 100%; padding: 1.5rem 1rem; font-size: 1.25rem; line-height: 1.25; font-weight: 700; color: var(--neutral-700) } .swl-accordion__header::after { content: "\ea13"; font-family: "icons"; font-size: 1rem; transform: rotate(90deg); transition: all .2s ease-in-out } .swl-accordion__header.collapsed { color: var(--neutral-600) } .swl-accordion__header.collapsed::after { transform: rotate(-90deg) } .swl-accordion__icon { font-size: 1rem; transform: rotate(-90deg); transition: all .2s ease-in-out } .swl-accordion__body { display: flex; flex-direction: column; gap: 1.5rem; padding: 1rem } .swl-avatar { position: relative; overflow: hidden; font-size: 1.375rem; line-height: 1.25; font-weight: 700; color: var(--white); width: 5rem; border-radius: 100%; aspect-ratio: 1/1; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: var(--accent-600); background-size: cover; background-position: center } .swl-avatar--editable::before { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; content: "\ea34"; font-family: "icons"; font-size: 1rem; background-color: rgba(0,0,0,.4); opacity: 0; transition: opacity .2s ease-in-out } .swl-avatar--editable:hover::before { opacity: 1 } .swl-avatar--transparent { background-color: rgba(0,0,0,0) } .swl-table__row:nth-child(7n+1) .swl-table__avatar, .swl-table__row:nth-child(7n+1) .swl-avatar, .swl-list__item:nth-child(7n+1) .swl-avatar { background-color: #38c9c9 } .swl-table__row:nth-child(7n+2) .swl-table__avatar, .swl-table__row:nth-child(7n+2) .swl-avatar, .swl-list__item:nth-child(7n+2) .swl-avatar { background-color: var(--accent-500) } .swl-table__row:nth-child(7n+3) .swl-table__avatar, .swl-table__row:nth-child(7n+3) .swl-avatar, .swl-list__item:nth-child(7n+3) .swl-avatar { background-color: #f28461 } .swl-table__row:nth-child(7n+4) .swl-table__avatar, .swl-table__row:nth-child(7n+4) .swl-avatar, .swl-list__item:nth-child(7n+4) .swl-avatar { background-color: var(--neutral-700) } .swl-table__row:nth-child(7n+5) .swl-table__avatar, .swl-table__row:nth-child(7n+5) .swl-avatar, .swl-list__item:nth-child(7n+5) .swl-avatar { background-color: #39adc7 } .swl-table__row:nth-child(7n+6) .swl-table__avatar, .swl-table__row:nth-child(7n+6) .swl-avatar, .swl-list__item:nth-child(7n+6) .swl-avatar { background-color: var(--accent-600) } .swl-table__row:nth-child(7n+7) .swl-table__avatar, .swl-table__row:nth-child(7n+7) .swl-avatar, .swl-list__item:nth-child(7n+7) .swl-avatar { background-color: #3b81c1 } .swl-badge { display: flex; align-items: center } .swl-badge--bronze .swl-badge__title { color: #b07950 } .swl-badge--silver .swl-badge__title { color: #85868e } .swl-badge--gold .swl-badge__title { color: #da9b1a } .swl-badge--platinum .swl-badge__title { color: #9184b8 } .swl-badge__img { border-radius: 100%; box-shadow: 0 .125rem 1rem rgba(0,0,0,.2); margin-right: .75rem; min-width: 2.5rem } .swl-badge__content { display: flex; flex-direction: column; align-items: flex-start } .swl-badge__title { font-size: 1rem; line-height: 1.25; font-weight: 700; white-space: nowrap } .swl-badge__points { font-size: 1.25rem; line-height: 1.25; margin-top: -0.25rem; color: var(--neutral-700); white-space: nowrap } .swl-badge__note { font-size: .875rem; line-height: 1.25; font-weight: 700 } .swl-badge__help { position: relative; padding-right: 0; top: -0.2rem; color: var(--neutral-500); align-self: flex-start } .swl-badge__help:hover { cursor: pointer } .swl-badge__help .swl-icon { pointer-events: none } .swl-badges-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(11.25rem, 1fr)); gap: 1rem } .swl-badges-wrap { display: flex; gap: 1.5rem } .swl-dashboard-menu .swl-badges-wrap { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 1.5rem } @media screen and (min-width: 920px) { .swl-dashboard-menu .swl-badges-wrap { display: none } } .swl-dashboard-menu .swl-badges-wrap .swl-badge:not(:last-child) { border-bottom: .0625rem solid var(--neutral-500); padding-bottom: 1rem } .swl-dashboard-menu .swl-badges-wrap .swl-badge__points, .swl-dashboard-menu .swl-badges-wrap .swl-badge__help { color: var(--neutral-300) } .swl-dashboard-menu .swl-badges-wrap .swl-badge__title { color: #fff } .swl-dashboard-menu .swl-badges-wrap .swl-badge--bronze .swl-badge__title { color: #debd9b } .swl-dashboard-menu .swl-badges-wrap .swl-badge--silver .swl-badge__title { color: #d1d3da } .swl-dashboard-menu .swl-badges-wrap .swl-badge--gold .swl-badge__title { color: #fbd47b } .swl-dashboard-menu .swl-badges-wrap .swl-badge--platinum .swl-badge__title { color: #c1b9dd } @media screen and (max-width: 919px) { .swl-dashboard-header .swl-badges-wrap { display: none } } .swl-breadcrumb { display: flex; gap: .5rem; margin-bottom: -1rem; margin-top: 1rem } .swl-breadcrumb__item:not(:last-child)::after { content: ">"; margin-left: .5rem; color: var(--neutral-400) } .swl-breadcrumb__item--active { color: var(--neutral-700) } .swl-button { display: inline-flex; width: fit-content; border-radius: var(--button-radius); color: var(--neutral-800); align-items: center; font-weight: var(--bold); transition-property: color,background-color,outline,border; transition-duration: .2s; transition-timing-function: ease-in-out } .swl-button:hover { cursor: pointer } .swl-button:focus-visible { outline: .125rem solid var(--neutral-700) } .swl-button:disabled, .swl-button[disabled], .swl-button.disabled { cursor: not-allowed } .swl-button--filled, .swl-button--filled-inverted { justify-content: center } .swl-button--filled:disabled, .swl-button--filled[disabled], .swl-button--filled.disabled, .swl-button--filled-inverted:disabled, .swl-button--filled-inverted[disabled], .swl-button--filled-inverted.disabled { background-color: var(--neutral-200); color: var(--neutral-400) } .swl-button--filled:disabled:hover, .swl-button--filled[disabled]:hover, .swl-button--filled.disabled:hover, .swl-button--filled-inverted:disabled:hover, .swl-button--filled-inverted[disabled]:hover, .swl-button--filled-inverted.disabled:hover { background-color: var(--neutral-200) } .swl-button--filled { background-color: var(--accent-500) } .swl-button--filled:hover { background-color: var(--accent-600) } .swl-button--filled.swl-button--danger { color: var(--white); background-color: var(--danger) } .swl-button--filled.swl-button--danger:hover { background-color: var(--danger-dark) } .swl-button--filled-inverted { background-color: var(--neutral-700); color: var(--white) } .swl-button--filled-inverted:hover { background-color: var(--neutral-800) } .swl-button--border { justify-content: center; border: .0625rem solid var(--neutral-300) } .swl-button--border:hover { border: .0625rem solid var(--neutral-700) } .swl-button--border.swl-button--danger { border: .0625rem solid var(--neutral-200); color: var(--danger) } .swl-button--border.swl-button--danger:hover { border: .0625rem solid var(--danger) } .swl-button--border:disabled, .swl-button--border[disabled], .swl-button--border.disabled { border-color: var(--neutral-200); color: var(--neutral-300) } .swl-button--linkedin { background-color: #0072b1; color: var(--white) } .swl-button--linkedin:hover { background-color: #005989 } .swl-button--md { font-size: 1.25rem; line-height: 1.25; gap: .5rem } .swl-button--md.swl-button--filled, .swl-button--md.swl-button--filled-inverted, .swl-button--md.swl-button--border { min-width: 3.5rem; height: 3.5rem; padding: 0 1rem } .swl-button--sm { font-size: 1.125rem; line-height: 1.25; gap: .25rem } .swl-button--sm.swl-button--filled, .swl-button--sm.swl-button--filled-inverted, .swl-button--sm.swl-button--border { height: 2.5rem; min-width: 2rem; padding: 0 .5rem } .swl-button--xs { font-size: 1rem; line-height: 1.25; gap: .25rem } .swl-button--fullwidth { width: 100% } @media screen and (min-width: 768px) { .swl-button--fullwidth { max-width: 15rem } } .swl-button--loading { background-image: url(/Content/assets/img/loading-button.gif); background-position: center; background-repeat: no-repeat; background-size: 2rem; pointer-events: none; color: rgba(0,0,0,0) } .swl-button--icon { font-size: 1.5rem; padding: .5rem; display: flex; align-items: center; justify-content: center; border-radius: 100% } .swl-button--icon:hover { background-color: var(--neutral-200) } .swl-button .swl-icon { transition: all .2s ease-in-out } .swl-button .swl-icon.swl-icon-chevron-right, .swl-button .swl-icon.swl-icon-chevron-left { font-size: 1rem } .swl-button--next:not(:disabled,[disabled],.disabled):hover .swl-icon { transform: translateX(0.25rem) } .swl-buttonFloating { overflow: hidden; justify-content: flex-start } @media screen and (max-width: 920px) { .swl-buttonFloating { position: fixed; bottom: 1rem; margin-bottom: env(safe-area-inset-bottom); right: 1rem; z-index: 5; gap: 0 } .swl-buttonFloating .swl-button__label { white-space: nowrap; margin-left: .25rem } .swl-buttonFloating.swl-button--hideLabel { animation: hidelabelAnimButton .75s forwards ease-in-out } .swl-buttonFloating.swl-button--hideLabel .swl-button__label { animation: hidelabelAnimLabel .75s forwards ease-in-out } .swl-buttonFloating.swl-button--showLabel { animation: showlabelAnimButton .75s forwards ease-in-out } .swl-buttonFloating.swl-button--showLabel .swl-button__label { animation: showlabelAnimLabel .75s forwards ease-in-out } @keyframes hidelabelAnimButton { 0% { width: 80% } 100% { width: 40px } } @keyframes hidelabelAnimLabel { 0% { opacity: 1 } 50% { opacity: 0 } 100% { opacity: 0 } } @keyframes showlabelAnimButton { 0% { width: 40px } 100% { width: 80% } } @keyframes showlabelAnimLabel { 0% { opacity: 0 } 50% { opacity: 0 } 100% { opacity: 1 } } } .swl-button-report { text-align: center; justify-content: center; font-size: 1.25rem; line-height: 1.25; background-color: var(--white); border: .0625rem solid var(--neutral-200); color: var(--neutral-700); padding: 2rem; min-height: 7.5rem } .swl-button-report:hover { background-color: var(--neutral-200); border: .0625rem solid var(--neutral-300) } @media screen and (min-width: 920px)and (max-width: 1200px) { .swl-button-report { grid-column: span 2 } } .swl-button-group { display: flex; gap: .75rem; flex-wrap: wrap } .swl-button-biometric { display: flex; flex-direction: column; gap: .5rem; align-items: center; color: var(--neutral-800) } .swl-button-biometric .swl-icon { background-color: var(--background); padding: 1rem; border-radius: 100%; font-size: 2.5rem } .swl-card { flex: 1; display: flex; flex-direction: column } .swl-card__title { display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: .5rem; font-size: .875rem; line-height: 1.25; font-weight: var(--bold); color: var(--neutral-500); text-transform: uppercase; white-space: nowrap } .swl-card__title--margin { margin-bottom: .5rem } .swl-card__value { font-size: 1.625rem; line-height: 1.25; color: var(--neutral-700); margin-bottom: -0.4rem } .swl-card__value--large { font-size: 2rem; line-height: 1.25 } .swl-card--box, .swl-card--filled, .swl-card--border { border-radius: var(--button-radius); padding: 1.5rem } .swl-card--box { background-color: var(--card-background) } .swl-card--filled { background-color: var(--white) } .swl-card--border { border: .0625rem solid var(--white) } @media screen and (min-width: 768px) { .swl-card--flexible { max-width: fit-content } } .swl-card--cta { flex-grow: initial; background-color: var(--white); gap: 1rem } .swl-card--cta .swl-paragraph { max-width: 32rem } @media screen and (min-width: 960px) { .swl-card--cta { flex-direction: row; justify-content: space-between; align-items: center } } .swl-card--chart { min-height: 18.75rem; border-radius: var(--button-radius); overflow: hidden } .swl-card--info { background-color: var(--white); border-radius: var(--button-radius); padding: 1.5rem; gap: 1.5rem 3rem } @media screen and (min-width: 960px) { .swl-card--info { display: grid; grid-template-columns: repeat(2, 1fr) } } .swl-card--info .swl-card__title, .swl-card--info .swl-heading-1, .swl-card--info .swl-heading-2, .swl-card--info .swl-heading-3 { grid-column-start: 1; grid-column-end: -1 } .swl-card--info .swl-card__title { color: var(--neutral-700) } .swl-card--info .swl-card__fullrow { grid-column-start: 1; grid-column-end: -1 } .swl-card--button-row { grid-column: span 2 } .swl-card--reports { flex-direction: row; background-color: var(--card-background); border-radius: var(--button-radius); padding: 1.5rem; gap: 1.5rem 3rem; flex-wrap: wrap } .swl-card-download { flex-direction: row; align-items: center; gap: 1rem; min-width: fit-content; max-width: none } .swl-card-download > img { width: 3.75rem } .swl-option-card { font-size: 1.125rem; line-height: 1.25; gap: 1rem } .swl-option-card--large { font-size: 1.25rem; line-height: 1.25 } .swl-option-card__logo { width: 10.375rem } .swl-cards-row { display: inline-flex; gap: .5rem; flex-wrap: wrap } .swl-cards-column { display: flex; flex-direction: column; gap: 1rem } .swl-cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(14.375rem, 1fr)); gap: .5rem } .carousel { padding-bottom: 2rem } .carousel-indicators { margin-bottom: 0 } .carousel-indicators [data-bs-target] { background-color: rgba(0,0,0,0); width: .625rem; height: .625rem; border-radius: 100%; margin: 0 .25rem; background-clip: inherit; border: .09375rem solid var(--neutral-700) } .carousel-indicators [data-bs-target].active { background-color: var(--neutral-700) } .carousel-control-next, .carousel-control-prev { color: var(--neutral-700); transition: all .2s ease-in-out; width: 8% } .carousel-control-next:hover, .carousel-control-prev:hover { color: var(--neutral-800); opacity: 1 } .carousel-control-next:active, .carousel-control-next:focus, .carousel-control-prev:active, .carousel-control-prev:focus { color: var(--neutral-800) } .chip-status { font-size: .875rem; line-height: 1.25; display: inline-flex; width: fit-content; font-weight: var(--bold); border-radius: .625rem; padding: .125rem .375rem } .chip-status__success { color: var(--success); background-color: var(--success-bg) } .chip-status__rejected { color: var(--danger); background-color: var(--danger-bg) } .chip-status__progress { color: var(--accent-700); background-color: var(--accent-bg) } .swl-data-chip { display: flex; flex-direction: column; gap: .25rem } .swl-data-chip__title { font-size: .875rem; line-height: 1.25; font-weight: var(--bold); color: var(--neutral-500); text-transform: uppercase } .swl-data-chip__title--margin { margin-bottom: .5rem } .swl-data-chip__value { font-size: 1.625rem; line-height: 1.25; color: var(--neutral-700); margin-bottom: -0.4rem } .swl-data-chip__value--small { font-size: 1.25rem; line-height: 1.25 } .swl-data-chip__status { font-size: 1rem; line-height: 1.25; display: flex; align-items: center } .swl-data-chip__status--available { color: var(--success) } .swl-data-chip__status--available::before { content: "\ea14"; font-family: "icons"; font-size: .75rem; margin-right: .25rem } .swl-data-chip__status--notavailable { color: var(--neutral-400) } .swl-data-chip__status--notavailable::before { content: "\ea15"; font-family: "icons"; font-size: .75rem; margin-right: .25rem } .swl-data-chip__row { display: flex; align-items: baseline; flex-wrap: wrap; gap: .5rem } .swl-data-chip__currency { font-size: 1.25rem; line-height: 1.25; flex: 1; white-space: nowrap } .swl-data-chip__currency .swl-strong { font-weight: 700; color: var(--neutral-700) } .swl-data-chip__note { font-size: 1.125rem; line-height: 1.25 } .dropdown { display: flex } .dropdown .swl-icon-chevron-down { font-size: .75rem } .dropdown-menu { border: .0625rem solid var(--neutral-200); box-shadow: 0 .125rem .5rem rgba(21,40,73,.1) } .dropdown-item { display: flex; align-items: center; gap: .25rem; color: var(--neutral-700); width: 100%; padding: .25rem 1rem } .dropdown-item:hover { background-color: var(--neutral-200) } .dropdown-item--checklist { position: relative; padding-inline-start: 2rem } .dropdown-item--checklist .swl-icon-check { position: absolute; left: .75rem; font-size: 1rem } .swl-floating-notification { display: flex; flex-direction: column; gap: .375rem; background-color: var(--white); border: .0625rem solid var(--neutral-300); font-size: .875rem; line-height: 1.25; padding: .75rem .75rem; max-width: 20rem; width: fit-content; position: fixed; z-index: 15; top: 4.5rem; right: .5rem; border-radius: var(--button-radius); box-shadow: 0 .125rem .5rem rgba(0,0,0,.05); transform: translateX(calc(100% + 0.625rem)); transition: all 1s cubic-bezier(0, 0.6, 0.3, 1) } .swl-floating-notification--bottom { top: auto; bottom: .5rem } .swl-floating-notification--active { transform: translateX(0) } .swl-floating-notification__item { display: flex; align-items: center; gap: .25rem } .swl-floating-notification__item--loading { background-image: url(/Content/assets/img/loading-dots.gif); background-position: -0.0625rem center; background-repeat: no-repeat; background-size: 1rem; padding-left: 1.375rem } .swl-floating-notification__item--success::before, .swl-floating-notification__item--danger::before { font-family: "icons"; font-size: .875rem; margin-right: .25rem } .swl-floating-notification__item--success { color: var(--success) } .swl-floating-notification__item--success::before { content: "" } .swl-floating-notification__item--danger { color: var(--danger) } .swl-floating-notification__item--danger::before { content: "" } .swl-form { display: flex; flex-direction: column; gap: 1.5rem; max-width: 43.75rem; width: 100%; margin: 0 auto } @media screen and (min-width: 768px) { .swl-card .swl-form { margin: 1.5rem auto } } .swl-form--loading, .swl-form--center { flex: 1; align-items: center; justify-content: center; color: var(--neutral-500) } .swl-form__overtitle { font-size: 1.25rem; line-height: 1.25; margin-bottom: .25rem } .swl-form .swl-heading-1 { margin-bottom: .25rem } .swl-form__description { font-size: 1.125rem; line-height: 1.25 } .swl-form .swl-link--previous { font-size: 1rem; line-height: 1.25; align-self: flex-start; margin-bottom: 1rem } .swl-form .swl-button--fullwidth:last-child { margin-top: 1rem } .swl-form .swl-button-group:last-child { margin-top: 1rem } .swl-form .swl-button-group:last-child .swl-button--fullwidth:last-child { margin-top: 0 } .swl-step { max-width: 8rem; margin-bottom: .5rem } .swl-step__text { font-size: .875rem; line-height: 1.25; color: var(--neutral-700); margin-bottom: .5rem } .swl-step__number { font-weight: var(--bold) } .swl-step__bar { position: relative; background-color: var(--neutral-300); width: 100%; height: .125rem; margin-top: .25rem; border-radius: 1rem } .swl-step__progress { position: absolute; background-color: var(--accent-500); height: .375rem; top: -0.125rem; border-radius: 1rem } .swl-step__progress--5 { width: 5% } .swl-step__progress--10 { width: 10% } .swl-step__progress--15 { width: 15% } .swl-step__progress--20 { width: 20% } .swl-step__progress--25 { width: 25% } .swl-step__progress--30 { width: 30% } .swl-step__progress--35 { width: 35% } .swl-step__progress--40 { width: 40% } .swl-step__progress--45 { width: 45% } .swl-step__progress--50 { width: 50% } .swl-step__progress--55 { width: 55% } .swl-step__progress--60 { width: 60% } .swl-step__progress--65 { width: 65% } .swl-step__progress--70 { width: 70% } .swl-step__progress--75 { width: 75% } .swl-step__progress--80 { width: 80% } .swl-step__progress--85 { width: 85% } .swl-step__progress--90 { width: 90% } .swl-step__progress--95 { width: 95% } .swl-step__progress--100 { width: 100% } @media screen and (min-width: 920px) { .swl-grid { display: grid; grid-template-columns: repeat(4, 1fr) } .swl-grid .swl-dashboard-header, .swl-grid .swl-breadcrumb { grid-column: span 4 } .swl-grid .swl-column-2 { grid-column: span 2 } .swl-grid .swl-column-3 { grid-column: span 3 } .swl-grid .swl-column-4 { grid-column: span 4 } } @media screen and (min-width: 920px) { .swl-grid-user-profile { display: grid; grid-template-columns: repeat(6, 1fr) } .swl-grid-user-profile .swl-dashboard-header, .swl-grid-user-profile .swl-breadcrumb { grid-column: span 4 } .swl-grid-user-profile .swl-dashboard-header, .swl-grid-user-profile .swl-breadcrumb { grid-column: span 6 } .swl-grid-user-profile .swl-column-2 { grid-column: span 2 } .swl-grid-user-profile .swl-column-4 { grid-column: span 4 } } @media screen and (max-width: 920px) { .swl-grid-user-profile { gap: 1rem !important; padding-top: 0 !important } .swl-grid-user-profile .swl-heading-1, .swl-grid-user-profile .swl-breadcrumb { display: none } } .swl-info-chip__title { font-size: 1rem; line-height: 1.25; color: var(--neutral-600); margin-bottom: .25rem } .swl-info-chip__value { font-size: 1.125rem; line-height: 1.25; color: var(--neutral-700) } .swl-info-chip__value--success::before, .swl-info-chip__value--rejected::before { font-family: "icons"; font-size: .75rem; margin-right: .25rem } .swl-info-chip__value--success { color: var(--success) } .swl-info-chip__value--success::before { content: "\ea14" } .swl-info-chip__value--rejected { color: var(--danger) } .swl-info-chip__value--rejected::before { content: "\ea15" } @media screen and (min-width: 920px) { .swl-info-chip--place { max-width: 18.75rem } .swl-info-chip--address { max-width: 20rem } } .swl-info-chip-wrap { flex-grow: initial; display: inline-flex; flex-direction: column; justify-content: space-between; gap: 1rem } @media screen and (min-width: 920px) { .swl-info-chip-wrap { flex-direction: row; gap: 2rem } } .swl-input-file, .swl-input-text, .swl-input-select { display: flex; flex-direction: column; gap: .25rem } .swl-input-file__label, .swl-input-text__label, .swl-input-select__label { font-size: 1.125rem; line-height: 1.25; color: var(--neutral-600) } .swl-input--success input { color: var(--success) } .swl-input--error input { color: var(--danger) } .swl-input__required { color: var(--danger); flex: 1 } .swl-input__error-message, .swl-input__success-message { font-size: .875rem; line-height: 1.25; display: flex; align-items: center; gap: .25rem } .swl-input__error-message::before, .swl-input__success-message::before { font-family: "icons" } .swl-input__error-message { color: var(--danger) } .swl-input__error-message::before { content: "\ea09" } .swl-input__success-message { color: var(--success) } .swl-input__success-message::before { content: "\ea14" } .swl-input__button-group { display: flex; flex-direction: column; gap: .5rem } .swl-input__button-group input { width: 100% } @media screen and (min-width: 450px) { .swl-input__button-group { flex-direction: row; gap: 0 } .swl-input__button-group input { flex: 1; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none } .swl-input__button-group .swl-button { border-top-left-radius: 0; border-bottom-left-radius: 0 } } .swl-input__button-group .swl-button { min-width: 7.5rem; height: 3.5rem } .swl-input__note { font-size: .875rem; line-height: 1.25 } .swl-input-text__input, .swl-input-select__input { font-size: 1.25rem; line-height: 1.25; height: 3.5rem; width: 100%; padding: 0 1rem; border: .0625rem solid var(--neutral-400); border-radius: var(--button-radius); color: var(--neutral-800); transition: all .2s ease-in-out } .swl-input-text__input:hover, .swl-input-select__input:hover { border: .0625rem solid var(--neutral-700); transition: all .2s ease-in-out } .swl-input-text__input:active, .swl-input-text__input:focus-visible, .swl-input-select__input:active, .swl-input-select__input:focus-visible { border: .0625rem solid var(--neutral-700); box-shadow: 0 0 0 .0625rem var(--neutral-700); outline: 0; transition: all .2s ease-in-out } .swl-input-text__input:disabled, .swl-input-select__input:disabled { color: var(--neutral-500); border-color: var(--neutral-300); background-color: var(--white) } .swl-input-text__input:disabled:hover, .swl-input-text__input:disabled:active, .swl-input-text__input:disabled:focus-visible, .swl-input-select__input:disabled:hover, .swl-input-select__input:disabled:active, .swl-input-select__input:disabled:focus-visible { border-color: var(--neutral-300); box-shadow: none } .swl-input-text--money input { background-image: url(/Content/assets/img/input-symbol.svg); background-position: center left; background-repeat: no-repeat; padding-left: 4.5rem; -moz-appearance: textfield } .swl-input-text--money input::-webkit-outer-spin-button, .swl-input-text--money input::-webkit-inner-spin-button { -webkit-appearance: none } .swl-input-text--code input { height: 5rem; font-size: 2rem; line-height: 1.25; text-align: center } .swl-input-text__label { display: flex; align-items: baseline; flex-wrap: wrap; justify-content: space-between } .swl-input-text__suffix { font-size: 1rem; line-height: 1.25 } .swl-input-select__input { -webkit-appearance: none; background-color: var(--white); background-image: url(/Content/assets/img/input-triangle.svg); background-position: center right; background-repeat: no-repeat } .swl-input-selector-group { display: flex; flex-direction: column; gap: .5rem } @media screen and (min-width: 768px) { .swl-input-selector-group { display: grid; grid-template-columns: repeat(2, 1fr) } } .swl-input-selector { position: relative } .swl-input-selector__radio { position: absolute; z-index: -1 } .swl-input-selector__label { display: flex; align-items: center; height: 3.5rem; gap: .5rem; padding: 1rem; color: var(--neutral-500); border-radius: .25rem; border: .0625rem solid var(--neutral-300); background-color: var(--white); font-size: 1rem; line-height: 1.1; transition: all .2s ease-in-out } .swl-input-selector__label:hover { cursor: pointer; border: .0625rem solid var(--neutral-700); transition: all .2s ease-in-out } .swl-input-selector__indicator { border-radius: 100%; width: 1rem; height: 1rem; border-radius: 100%; border: .0625rem solid var(--neutral-500); background-color: var(--neutral-700); box-shadow: inset 0 0 0 .625rem #fff; transition: all .2s ease-in-out } .swl-input-selector__radio:checked + .swl-input-selector__label { color: var(--white); background-color: var(--neutral-700); border: .0625rem solid var(--neutral-700) } .swl-input-selector__radio:checked + .swl-input-selector__label .swl-input-selector__indicator { border-color: rgba(0,0,0,0); box-shadow: inset 0 0 0 .125rem #fff } .swl-input-selector__radio:focus-visible + .swl-input-selector__label { outline: .125rem solid var(--neutral-600); transition: all .2s ease-in-out } .swl-input-file__box { width: 100%; height: 15rem; border-radius: var(--button-radius); background-color: var(--white); border: .0625rem dashed var(--neutral-300) } .swl-card .swl-input-file__box { background-color: var(--card-background) } .swl-input-file__box-content { width: 100%; height: 100%; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; gap: .5rem } .swl-input-file__list { display: flex; flex-direction: column; max-width: 18.75rem } .swl-input-file__item { display: flex; align-items: center; gap: .125rem; padding: .75rem 0; flex-wrap: wrap } .swl-input-file__item__info { flex: 1 } .swl-input-file__item__name { font-weight: 700; color: var(--neutral-700); display: flex; align-items: center; gap: .5rem } .swl-input-file__item__size { font-size: .875rem; line-height: 1.25; display: flex; gap: .5rem; align-items: center; flex-basis: 100% } .swl-input-file__item__status { width: 1rem; height: 1rem; border-radius: 100% } .swl-input-file__item__remove { border-radius: var(--button-radius); display: flex; align-items: center; justify-content: center; color: var(--neutral-600); transition: all .2s ease-in-out } .swl-input-file__item__remove:hover { color: var(--neutral-700); transition: all .2s ease-in-out } .swl-input-file__item__remove:focus-visible { outline: .125rem solid var(--neutral-700); transition: all .2s ease-in-out } .swl-input-file__item--uploading .swl-input-file__item__status { width: 1rem; height: 1rem; border-radius: 50%; background-image: linear-gradient(to right, transparent 50%, var(--accent-500) 0); position: relative; display: inline-block; animation: spinning 1s infinite linear } .swl-input-file__item--uploading .swl-input-file__item__status::before { content: ""; display: block; margin-left: 50%; height: 100%; border-radius: 0 100% 100% 0/50%; background-color: inherit; transform-origin: left; background-color: var(--accent-500); transform: rotate(90deg) } .swl-input-file__item--uploading .swl-input-file__item__status::after { content: ""; position: absolute; width: 75%; height: 75%; margin: auto; border-radius: 50%; background-color: var(--card-background); left: 0; right: 0; top: 0; bottom: 0 } @keyframes spinning { from { rotate: 0 } to { rotate: 360deg } } .swl-input-file__item--uploaded .swl-input-file__item__status::before { font-family: "icons"; content: "\ea02"; line-height: 1; color: var(--success) } .swl-input-file__item--uploaded .progressbar { opacity: 0 } .swl-input-file__item--failed .swl-input-file__item__status::before { font-family: "icons"; content: "\ea09"; line-height: 1; color: var(--danger) } .swl-input-file__item--failed .progressbar::before { background-color: var(--danger) } .swl-input-checkbox { display: flex; flex-wrap: wrap; gap: .25rem .5rem; align-items: flex-start } .swl-input-checkbox__input { position: relative; top: .0625rem; width: 1.25rem; height: 1.25rem; flex-shrink: 0 } .swl-input-checkbox__input::after { content: "\ea16"; position: absolute; display: flex; align-items: center; justify-content: center; font-family: "icons"; font-size: 1rem; width: 100%; height: 100%; color: var(--white); background-color: var(--white); border: .0625rem solid var(--neutral-400); border-radius: .15rem; transition: all .2s ease-in-out } .swl-input-checkbox__input:checked::after { background-color: var(--neutral-700); border: .0625rem solid var(--neutral-700) } .swl-input-checkbox__input:hover { cursor: pointer } .swl-input-checkbox__input:hover::after { border: .0625rem solid var(--neutral-700) } .swl-input-checkbox__input:focus-visible { box-shadow: 0 0 0 .125rem var(--neutral-700); outline: 0; transition: all .2s ease-in-out } .swl-input-checkbox__label { font-size: 1rem; line-height: 1.25; line-height: 1.5; flex: 1 } .swl-input-checkbox .swl-input__error-message { flex-basis: 100% } .swl-input-fractions-wrap { display: grid; grid-template-columns: repeat(1, 1fr); gap: .5rem } @media screen and (min-width: 500px) { .swl-input-fractions-wrap { grid-template-columns: repeat(2, 1fr) } } @media screen and (min-width: 920px) { .swl-input-fractions-wrap { grid-template-columns: repeat(4, 1fr) } } .swl-input-fractions-wrap > * { flex: 1 } .swl-input-fraction { position: relative } .swl-input-fraction__radio { position: absolute; z-index: -1 } .swl-input-fraction__label { font-size: .875rem; line-height: 1.25; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 1rem; color: var(--neutral-500); border-radius: var(--button-radius); border: .0625rem solid var(--neutral-300); background-color: var(--white); transition: all .2s ease-in-out } .swl-input-fraction__label:hover { cursor: pointer; border: .0625rem solid var(--neutral-700); transition: all .2s ease-in-out } .swl-input-fraction__value { font-size: 1rem; line-height: 1.25; white-space: nowrap; font-weight: 700 } .swl-input-fraction__radio:checked + .swl-input-fraction__label { color: var(--white); background-color: var(--neutral-700); border: .0625rem solid var(--neutral-700) } .swl-input-fraction__radio:focus-visible + .swl-input-fraction__label { outline: .125rem solid var(--neutral-600); transition: all .2s ease-in-out } .swl-input-radio-list { display: flex; flex-direction: column; gap: .5rem } .swl-input-radio { position: relative } .swl-input-radio__radio { position: absolute; z-index: -1; left: .125rem; top: .3125rem } .swl-input-radio__box { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 1.5rem; border-radius: var(--button-radius); background-color: var(--white) } .swl-input-radio__box:hover { cursor: pointer } .swl-input-radio__label { font-size: 1.125rem; line-height: 1.25; color: var(--neutral-700); display: flex; align-items: center; gap: .5rem; width: fit-content } .swl-input-radio__label::before { content: ""; display: block; width: 1rem; height: 1rem; border-radius: 100%; border: .0625rem solid var(--neutral-500); background-color: var(--neutral-700); box-shadow: inset 0 0 0 .625rem #fff; transition: all .2s ease-in-out } .swl-input-radio__suffix { margin-left: 1.75rem; width: 100%; line-height: 1.1 } @media screen and (min-width: 550px) { .swl-input-radio__suffix:not(.swl-input-radio__suffix--fullwidth) { width: auto } } .swl-input-radio__toggle { height: 0; overflow: hidden; display: flex; flex-direction: column; gap: 1.5rem; background-color: var(--white); padding: 0 1.5rem 0 3.25rem; border-bottom-left-radius: var(--button-radius); border-bottom-right-radius: var(--button-radius) } .swl-input-radio__radio:checked + .swl-input-radio__box .swl-input-radio__label::before, .swl-input-radio__radio:checked + .swl-input-radio__label::before { box-shadow: inset 0 0 0 .125rem #fff } .swl-input-radio__radio:checked + .swl-input-radio__box:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .swl-input-radio__radio:checked ~ .swl-input-radio__toggle { height: auto; padding-top: .5rem; padding-bottom: 1.5rem } .swl-input-radio__radio:focus-visible + .swl-input-radio__box { outline: .125rem solid var(--neutral-600); transition: all .2s ease-in-out } .swl-input-quickvalue { margin-top: .5rem; display: flex; flex-wrap: wrap; gap: .25rem } .swl-input-quickvalue__item { display: flex; align-items: center; gap: .25rem; background-color: var(--white); border-radius: 2.5rem; border: .0625rem solid var(--neutral-400); color: var(--neutral-800); padding: .25rem 1rem } .swl-input-quickvalue__item .swl-icon { margin-left: -0.5rem } .swl-input-quickvalue__item:hover { border: .0625rem solid var(--neutral-700); transition: all .2s ease-in-out; cursor: pointer } .swl-input-quickvalue__item:focus-visible { border: .0625rem solid var(--neutral-700); box-shadow: 0 0 0 .0625rem var(--neutral-700); outline: 0; transition: all .2s ease-in-out } .swl-searchbar { font-size: 1rem; line-height: 1.25; padding: .5rem .5rem .5rem 2rem; border: .0625rem solid var(--neutral-400); border-radius: var(--button-radius); height: 2.5rem; width: 100%; color: var(--neutral-800); background-image: url(/Content/assets/img/input-search.svg); background-size: 2.5rem; background-position: center left; background-repeat: no-repeat; transition: all .2s ease-in-out } .swl-searchbar:hover { border: .0625rem solid var(--neutral-700); transition: all .2s ease-in-out } .swl-searchbar:active, .swl-searchbar:focus-visible { border: .0625rem solid var(--neutral-700); box-shadow: 0 0 0 .0625rem var(--neutral-700); outline: 0; transition: all .2s ease-in-out } .swl-items-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr)); gap: 2rem 1rem } .swl-item-card { max-width: 37.5rem; border-radius: var(--box-radius); background-color: var(--white); overflow: hidden; position: relative; top: 0; transition: all .2s ease-in-out } .swl-item-card * { pointer-events: none } .swl-item-card__img { width: 100%; display: flex } .swl-item-card__img img { width: 100% } .swl-item-card__content { display: flex; flex-direction: column; gap: 1rem; padding: 1rem } .swl-item-card__title { font-size: 1.625rem; line-height: 1.25; color: var(--neutral-700); font-weight: 700; margin-left: .5rem } .swl-item-card__subtitle { font-size: .875rem; line-height: 1.25; color: var(--neutral-500); font-weight: 700; text-transform: uppercase; margin-bottom: .5rem } .swl-item-card__currency-wrap { font-size: 1rem; line-height: 1.25; display: flex; flex-direction: column; gap: .125rem; margin-left: .5rem; margin-bottom: .5rem } .swl-item-card__currency-main { font-size: 1.25rem; line-height: 1.25; color: var(--neutral-700); font-weight: 700 } .swl-item-card__fractions { font-size: 1.125rem; line-height: 1.25; background-color: var(--neutral-150); color: var(--neutral-400); border-radius: var(--button-radius); text-align: center; padding: .5rem .25rem } .swl-item-card__fractions--available { background-color: var(--success-bg); color: var(--success) } .swl-item-card:not(.swl-item-card--lock):not(.swl-item-card--onlyview) { box-shadow: 0 .125rem .5rem rgba(0,0,0,.05) } .swl-item-card:not(.swl-item-card--lock):not(.swl-item-card--onlyview):hover { cursor: pointer; top: -0.5rem } .swl-item-card__lock-overlay { font-size: 1rem; line-height: 1.25; position: absolute; background-color: rgba(239,230,223,.7); backdrop-filter: blur(0.5rem); -webkit-backdrop-filter: blur(0.5rem); height: 100%; width: 100%; overflow: hidden; border-radius: var(--box-radius); display: flex; gap: 1rem; flex-direction: column; align-items: center; justify-content: center; text-align: center } .swl-item-card__lock-overlay p { max-width: 24ch } .swl-item-card--onlyview { max-width: 18.75rem; border: .0625rem solid var(--neutral-200) } div[id^=modalItem] { align-items: flex-start } @media screen and (min-width: 768px) { div[id^=modalItem] { align-items: center } } .swl-item-modal { max-width: none; padding: var(--container-padding) } .swl-item-modal__box { margin: 0 auto; position: relative; background-color: var(--background); pointer-events: auto; width: 100%; max-width: 75rem; display: flex; flex-direction: column; border-radius: var(--box-radius) } @media screen and (min-width: 768px) { .swl-item-modal__box { flex-direction: row } } .swl-item-modal__img { flex: 1; display: flex; border-radius: var(--box-radius); overflow: hidden; aspect-ratio: 3/2 } @media screen and (min-width: 768px) { .swl-item-modal__img { aspect-ratio: auto } } .swl-item-modal__img img { width: 100%; height: 100%; object-fit: cover; object-position: center } .swl-item-modal .swl-modal__close { top: 1rem; right: 1rem } .swl-item-modal__content { flex: 1; padding: 1.5rem; display: flex; flex-direction: column; gap: 1rem } @media screen and (min-width: 500px) { .swl-item-modal__content { padding: 2.5rem } } .swl-item-modal__header { margin-bottom: .5rem } .swl-item-modal__columns { display: flex; flex-direction: column } .swl-item-modal__columns > * { padding-bottom: 1.5rem } @media screen and (min-width: 500px) { .swl-item-modal__columns { border-bottom: .0625rem solid var(--neutral-300); flex-direction: row; gap: 0; margin-bottom: .5rem } .swl-item-modal__columns > * { flex: 1 } .swl-item-modal__columns > *:not(:first-child) { border-left: .0625rem solid var(--neutral-300); padding-left: 1.5rem } } .swl-item-modal__title { font-size: 2rem; line-height: 1.25; font-weight: 700; color: var(--neutral-700) } .swl-item-modal__id { font-size: .75rem; line-height: 1.4; color: var(--neutral-500) } .swl-item-modal .swl-button--fullwidth { max-width: none } .swl-item-modal .swl-card { flex: none } .swl-item-modal__purchasemore { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 1rem; gap: 1rem } .swl-item-modal__purchasemore-fractions { font-size: 1.125rem; line-height: 1.25; color: var(--neutral-700) } .swl-item-modal__purchasemore-price { font-size: .875rem; line-height: 1.25 } .swl-link { text-decoration: underline; border-radius: var(--button-radius); padding: 0; transition: all .2s ease-in-out; color: var(--neutral-700) } .swl-link:hover { cursor: pointer } .swl-link:focus-visible { outline: .125rem solid var(--neutral-700); transition: all .2s ease-in-out } .swl-link--subtle { color: var(--neutral-600) } .swl-link--subtle:hover { color: var(--neutral-700) } .swl-link--back { display: inline-block; margin-bottom: 1rem; width: fit-content } .swl-link .swl-icon { font-size: .6em } .swl-list { padding: 0 0 2rem; display: flex; flex-direction: column; gap: 0 !important } .swl-list__divider { font-size: 1rem; line-height: 1.25; color: var(--neutral-700); border-bottom: .0625rem solid var(--neutral-200); padding: .75rem 2rem; font-weight: 700 } .swl-list__item { display: grid; gap: .25rem 1rem; grid-template-columns: 2.5rem 1fr; grid-template-rows: auto auto; padding: .75rem 2rem; border-bottom: .0625rem solid var(--neutral-200); transition: all .2s ease-in-out } .swl-list__item:hover { background-color: var(--neutral-150) } .swl-list__name { color: var(--neutral-700); font-size: 1rem; line-height: 1.25; font-weight: 700 } .swl-list .swl-avatar { font-size: 1.125rem; line-height: 1.25; width: 2.5rem; height: 2.5rem; grid-row: 1/-1 } .swl-list-outside-selected { display: flex; align-items: center; margin: .5rem auto; gap: .5rem } .swl-list-outside-selected .swl-avatar { width: 2rem; font-size: 1rem } .swl-modal__box { display: flex; flex-direction: column; pointer-events: auto; gap: 1.5rem; max-width: 39.375rem; width: 100%; background-color: var(--white); border-radius: var(--box-radius); padding: 2rem; position: relative; z-index: 21 } .swl-modal__box--center { align-items: center; justify-content: center } .swl-modal__box--center .swl-modal__header { padding-right: 0; align-items: center } .swl-modal__header { position: relative; display: flex; gap: 1rem; flex-direction: column; padding-right: 4rem; width: 100% } .swl-modal__body { display: flex; gap: 1.5rem; flex-direction: column } .swl-modal__title { font-size: 1.25rem; line-height: 1.25; font-weight: 700; color: var(--neutral-700) } .swl-modal__subtitle { font-size: 1.125rem; line-height: 1.25; font-weight: 700; color: var(--neutral-700); margin-bottom: 1rem } .swl-modal__close { position: absolute; right: -1rem; top: -1rem; display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 100%; background-color: var(--neutral-200); color: var(--neutral-600) } .swl-modal__close::after { content: "\ea29"; font-family: "icons"; font-size: 1.5rem } .swl-modal__close:hover { cursor: pointer; background-color: var(--neutral-300) } .swl-modal__buttons { display: flex; gap: .75rem; flex-wrap: wrap } .modal-dialog-scrollable .swl-modal__box { max-height: 100%; overflow: hidden } .modal-dialog-scrollable .swl-modal__body { border-top: .0625rem solid var(--neutral-200); overflow-y: auto; margin-left: -2rem; margin-right: -2rem } .modal-dialog-scrollable .swl-modal__body:last-child { margin-bottom: -2rem } #modalConversion .swl-modal__box { min-height: 12.5rem } .modal-open { padding: 0 !important } .popover { font-family: var(--base-font); border-color: var(--neutral-300) } .popover-header { font-size: 1rem; line-height: 1.25; font-weight: 700; color: var(--neutral-700); background-color: var(--neutral-200); border-color: var(--neutral-300) } .popover-body { color: var(--neutral-600); font-size: 1rem; line-height: 1.25 } [data-bs-toggle=popover] { border-radius: var(--button-radius); outline: .125rem solid var(--neutral-800); animation: popoverAnim 1.5s ease-in-out infinite } @keyframes popoverAnim { 0% { outline-offset: .0625rem } 50% { outline-offset: .25rem } 100% { outline-offset: .0625rem } } .swl-table { display: table; width: 100%; border: .0625rem solid var(--neutral-200); border-radius: var(--button-radius); background-color: var(--white); text-align: left; border-spacing: 0; padding: 0; border-collapse: initial } .swl-table__head .swl-table__cell, .swl-table__title, .swl-table th { font-size: .875rem; line-height: 1.25; font-weight: var(--bold); color: var(--neutral-500); text-transform: uppercase } .swl-table__head .swl-table__cell, .swl-table th { padding: 1rem } .swl-table__title { display: none } .swl-table__head, .swl-table__row { display: table-row } .swl-table__row:not(:last-child) .swl-table__cell, .swl-table tr td { border-bottom: .0625rem solid var(--neutral-200) } .swl-table__row:hover, .swl-table tr:hover td { background-color: var(--neutral-150) } .swl-table__cell, .swl-table td { font-size: 1rem; line-height: 1.25; color: var(--neutral-600); display: table-cell; padding: 1rem; vertical-align: top } .swl-table__name { font-size: 1.125rem; line-height: 1.25; font-weight: var(--bold); margin-bottom: .5rem } .swl-table__logo { width: 7rem } .swl-table__icon { display: table-cell; border-bottom: .0625rem solid var(--neutral-200); padding: 1rem 0; text-align: center; vertical-align: middle } .swl-table__icon .swl-icon-points { color: var(--neutral-800) } .swl-table__icon .swl-icon-commissions { color: #39adc7 } .swl-table__icon .swl-icon-conversion { color: var(--accent-600) } .swl-table__icon .swl-icon-withdraw { color: var(--success) } .swl-table__cell-success { color: var(--success) } .swl-table__cell-rejected { color: var(--danger) } .swl-table__buttons-wrap { display: flex; justify-content: flex-end; gap: .5rem } .swl-table__button { font-size: 1rem; line-height: 1.25; font-weight: 700; position: relative; display: flex; align-items: center; justify-content: center; border: .0625rem solid var(--neutral-300); color: var(--neutral-800); border-radius: var(--button-radius); padding: 0 .4rem; min-width: 2rem; width: fit-content; height: 2rem; transition: all .2s ease-in-out } .swl-table__button-tooltip { display: none; position: absolute; top: -2.25rem; color: var(--white); background-color: var(--neutral-700); padding: .25rem .5rem; border-radius: .5rem; z-index: 1; white-space: nowrap } .swl-table__button-tooltip::before { content: ""; position: absolute; display: block; width: .5rem; height: .5rem; background-color: var(--neutral-700); bottom: -0.25rem; left: 50%; transform: translateX(-50%) rotate(45deg) } .swl-table__button:hover { border: .0625rem solid var(--neutral-700) } .swl-table__button:hover .swl-table__button-tooltip { display: block } .swl-table__button:focus-visible { outline: .125rem solid var(--neutral-700); transition: all .2s ease-in-out } .swl-table__button .swl-icon { font-size: 1rem } .swl-table__button .swl-icon-chevron-right { font-size: .75rem } .swl-table--users .swl-table__avatar, .swl-table--users .swl-avatar, .swl-table--compact .swl-table__avatar, .swl-table--compact .swl-avatar { display: none } @media screen and (max-width: 920px) { .swl-table--users, .swl-table--compact { display: flex; flex-direction: column } .swl-table--users .swl-table__head, .swl-table--compact .swl-table__head { display: none } .swl-table--users .swl-table__title, .swl-table--compact .swl-table__title { display: block; margin-top: .75rem } .swl-table--users .swl-table__row, .swl-table--compact .swl-table__row { position: relative; padding: 1rem; display: flex; flex-direction: column; gap: .25rem } .swl-table--users .swl-table__row:not(:last-child), .swl-table--compact .swl-table__row:not(:last-child) { border-bottom: .0625rem solid var(--neutral-200) } .swl-table--users .swl-table__cell, .swl-table--compact .swl-table__cell { font-size: 1rem; line-height: 1.25; padding: 0; display: flex; flex-direction: column; gap: .25rem } .swl-table--users .swl-table__cell:first-child, .swl-table--compact .swl-table__cell:first-child { font-size: 1.125rem; line-height: 1.25; color: var(--neutral-700); font-weight: 700 } .swl-table--users .swl-table__cell--hide, .swl-table--compact .swl-table__cell--hide { display: none } .swl-table--users .swl-table__row:not(:last-child) .swl-table__cell, .swl-table--compact .swl-table__row:not(:last-child) .swl-table__cell { border-bottom: none } } @media screen and (max-width: 920px) { .swl-table--users .swl-table__row, .swl-table--compact .swl-table__row { display: grid; grid-template-columns: 2.5rem 1fr; gap: .25rem 1rem } .swl-table--users .swl-avatar, .swl-table--users .swl-table__avatar, .swl-table--users .swl-table__icon, .swl-table--compact .swl-avatar, .swl-table--compact .swl-table__avatar, .swl-table--compact .swl-table__icon { grid-row: span 3 } .swl-table--users .swl-avatar, .swl-table--users .swl-table__avatar, .swl-table--compact .swl-avatar, .swl-table--compact .swl-table__avatar { font-size: 1.125rem; line-height: 1.25; display: flex; width: 2.5rem; height: 2.5rem } .swl-table--users .swl-table__avatar, .swl-table--compact .swl-table__avatar { font-weight: 700; color: var(--white); align-items: center; justify-content: center; width: 100%; border-radius: 100% } .swl-table--users .swl-table__icon, .swl-table--compact .swl-table__icon { border-bottom: 0; padding: 0 } .swl-table--users .swl-table__cell, .swl-table--compact .swl-table__cell { grid-column: 2/3 } .swl-table--users .swl-table__cell:nth-child(2), .swl-table--compact .swl-table__cell:nth-child(2) { font-size: 1rem; line-height: 1.25; color: var(--neutral-700); text-transform: uppercase; font-weight: 700; grid-column: 2/4; margin-bottom: .25rem } .swl-table--users .swl-table__cell--date, .swl-table--users .swl-table__cell--amount, .swl-table--compact .swl-table__cell--date, .swl-table--compact .swl-table__cell--amount { order: 1; justify-content: flex-end } .swl-table--users .swl-table__cell--date, .swl-table--compact .swl-table__cell--date { grid-column: 2/3 } .swl-table--users .swl-table__cell--amount, .swl-table--compact .swl-table__cell--amount { font-size: 1.25rem; line-height: 1.25; text-align: right; grid-column: 3/4 } } @media screen and (max-width: 600px) { .swl-table--responsive { display: flex; flex-direction: column } .swl-table--responsive .swl-table__head { display: none } .swl-table--responsive .swl-table__title { display: block; margin-top: .75rem } .swl-table--responsive .swl-table__row { position: relative; padding: 1rem; display: flex; flex-direction: column; gap: .25rem } .swl-table--responsive .swl-table__row:not(:last-child) { border-bottom: .0625rem solid var(--neutral-200) } .swl-table--responsive .swl-table__cell { font-size: 1rem; line-height: 1.25; padding: 0; display: flex; flex-direction: column; gap: .25rem } .swl-table--responsive .swl-table__cell:first-child { font-size: 1.125rem; line-height: 1.25; color: var(--neutral-700); font-weight: 700 } .swl-table--responsive .swl-table__cell--hide { display: none } .swl-table--responsive .swl-table__row:not(:last-child) .swl-table__cell { border-bottom: none } } @media screen and (max-width: 1400px) { .swl-table--report { display: flex; flex-direction: column } .swl-table--report .swl-table__head { display: none } .swl-table--report .swl-table__title { display: block; margin-top: .75rem } .swl-table--report .swl-table__row { position: relative; padding: 1rem; display: flex; flex-direction: column; gap: .25rem } .swl-table--report .swl-table__row:not(:last-child) { border-bottom: .0625rem solid var(--neutral-200) } .swl-table--report .swl-table__cell { font-size: 1rem; line-height: 1.25; padding: 0; display: flex; flex-direction: column; gap: .25rem } .swl-table--report .swl-table__cell:first-child { font-size: 1.125rem; line-height: 1.25; color: var(--neutral-700); font-weight: 700 } .swl-table--report .swl-table__cell--hide { display: none } .swl-table--report .swl-table__row:not(:last-child) .swl-table__cell { border-bottom: none } } @media screen and (max-width: 600px) { .swl-table--banks { display: flex; flex-direction: column } .swl-table--banks .swl-table__head { display: none } .swl-table--banks .swl-table__title { display: block; margin-top: .75rem } .swl-table--banks .swl-table__row { position: relative; padding: 1rem; display: flex; flex-direction: column; gap: .25rem } .swl-table--banks .swl-table__row:not(:last-child) { border-bottom: .0625rem solid var(--neutral-200) } .swl-table--banks .swl-table__cell { font-size: 1rem; line-height: 1.25; padding: 0; display: flex; flex-direction: column; gap: .25rem } .swl-table--banks .swl-table__cell:first-child { font-size: 1.125rem; line-height: 1.25; color: var(--neutral-700); font-weight: 700 } .swl-table--banks .swl-table__cell--hide { display: none } .swl-table--banks .swl-table__row:not(:last-child) .swl-table__cell { border-bottom: none } } .swl-table-actions { position: relative; background-color: var(--white); border: .0625rem solid var(--neutral-200); border-top-left-radius: var(--button-radius); border-top-right-radius: var(--button-radius); padding: 1rem; display: flex; gap: .5rem; flex-wrap: wrap; flex-direction: column } @media screen and (min-width: 500px) { .swl-table-actions { flex-direction: row } } .swl-table-actions ~ .swl-table { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .swl-table-actions__download-wrap { flex: 1; display: flex } .swl-table-actions__download-wrap .swl-button { width: 100% } @media screen and (min-width: 500px) { .swl-table-actions__download-wrap .swl-button { width: auto } } @media screen and (min-width: 600px) { .swl-table-actions__download-wrap { justify-content: flex-end } } .swl-table-search, .swl-table-filter, .swl-table-multifilter__button { font-size: 1rem; line-height: 1.25; border: .0625rem solid var(--neutral-400); border-radius: var(--button-radius); height: 2.5rem; width: 100% } .swl-table-search:focus-visible, .swl-table-filter:focus-visible, .swl-table-multifilter__button:focus-visible { outline: .125rem solid var(--neutral-700); transition: all .2s ease-in-out } @media screen and (min-width: 500px) { .swl-table-search, .swl-table-filter, .swl-table-multifilter__button { max-width: 12.5rem } } .swl-table-search { padding: .5rem .5rem .5rem 2rem; color: var(--neutral-800); transition: all .2s ease-in-out; background-image: url(/Content/assets/img/input-search.svg); background-position: center left; background-repeat: no-repeat } .swl-table-search:hover { border: .0625rem solid var(--neutral-700); transition: all .2s ease-in-out } .swl-table-search:active, .swl-table-search:focus-visible { border: .0625rem solid var(--neutral-700); box-shadow: 0 0 0 .0625rem var(--neutral-700); outline: 0; transition: all .2s ease-in-out } .swl-table-filter-button { position: absolute; z-index: 1; right: 1rem; padding: 0; width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; color: var(--neutral-600) } @media screen and (min-width: 500px) { .swl-table-filter-button { display: none } } .swl-table-filter-button:hover { color: var(--neutral-700) } .swl-table-filters-wrap { flex: 1; display: flex; gap: .5rem; flex-direction: column } @media screen and (min-width: 500px) { .swl-table-filters-wrap { flex-direction: row } } @media screen and (max-width: 499px) { .swl-table-filters-wrap { display: none } .swl-table-filters-wrap--show { display: flex } } .swl-table-filter, .swl-table-multifilter__button { padding: 0 .5rem; -webkit-appearance: none; background-color: var(--white); background-image: url(/Content/assets/img/input-triangle-small.svg); background-position: center right; background-repeat: no-repeat } .swl-table-multifilter__button { padding-right: 2.5rem; text-align: left } .swl-table-multifilter__options { max-height: 11.25rem; overflow-y: auto; padding: 1rem } .swl-table-multifilter__options > *:not(:last-child) { margin-bottom: .5rem } .swl-table-title { background-color: var(--white); border-left: .0625rem solid var(--neutral-200); border-right: .0625rem solid var(--neutral-200); border-bottom: .0625rem solid var(--neutral-200); padding: .75rem 1rem } @media screen and (min-width: 920px) { .swl-table-title { display: none } } .swl-table-footer { margin-top: 1.5rem; display: flex; align-items: baseline; flex-wrap: wrap } .swl-table-footer__results { font-size: .875rem; line-height: 1.25; flex: 1; padding: .5rem 0; white-space: nowrap } .swl-table-pagination { display: flex; gap: .25rem } .swl-table-pagination__item { font-size: 1rem; line-height: 1.25; font-weight: 700; color: var(--neutral-700); background-color: var(--white); border: .0625rem solid var(--background-dark); padding: .25rem .5rem; margin: 0; border-radius: .25rem; display: flex; align-items: center; justify-content: center; gap: .25rem; min-width: 1.875rem; transition: all .2s ease-in-out } .swl-table-pagination__item .swl-icon { font-size: .75rem } .swl-table-pagination__item:hover:not(.swl-table-pagination__item--current) { background-color: var(--neutral-200); border: .0625rem solid var(--neutral-300); cursor: pointer } .swl-table-pagination__item:focus-visible { outline: .125rem solid var(--neutral-700); transition: all .2s ease-in-out } .swl-table-pagination__item--current { color: var(--white); background-color: var(--neutral-700); border: .0625rem solid var(--neutral-700) } .swl-tab { display: flex; border-bottom: .0625rem solid var(--neutral-300); gap: 1.5rem } .swl-tab__item { font-size: 1.125rem; line-height: 1.25; color: var(--neutral-500); position: relative; padding: 1rem 0; transition: all .2s ease-in-out; font-weight: 700 } .swl-tab__item:hover { color: var(--neutral-700) } .swl-tab__item--active { color: var(--neutral-700) } .swl-tab__item--active::after { content: ""; position: absolute; bottom: 0; display: block; height: .1875rem; width: 100%; background-color: var(--neutral-700); border-radius: .1875rem } .swl-tabbar { position: fixed; display: flex; justify-content: space-around; align-items: center; background-color: var(--white); border-top: .0625rem solid var(--background-dark); width: 100%; height: calc(var(--tabbar-height) + env(safe-area-inset-bottom)); padding: .25rem var(--container-padding) calc(.25rem + env(safe-area-inset-bottom)); bottom: 0; z-index: 10 } .swl-tabbar__item { flex: 1; display: flex; flex-direction: column; align-items: center; font-size: .75rem; line-height: 1.4; font-weight: 700; color: var(--neutral-400) } .swl-tabbar__item:hover { color: var(--neutral-700) } .swl-tabbar__item--active { color: var(--neutral-700) } .swl-tabbar ~ .swl-dashboard-main .swl-buttonFloating { bottom: 4rem } .swl-tabbar ~ .swl-dashboard-footer { padding-bottom: calc(4rem + env(safe-area-inset-bottom)) } .swl-progress__step-title { font-size: 1rem; line-height: 1.25; text-transform: uppercase; font-weight: var(--bold); color: var(--neutral-700); line-height: 2; margin-bottom: 1rem } .swl-progress__steps-wrap { position: relative; flex: 1; padding-right: 2rem; width: 100% } @media screen and (min-width: 920px) { .swl-progress__steps-wrap { padding-right: 0 } } .swl-progress__step { position: relative; display: flex; font-size: 1rem; line-height: 1.25; color: var(--neutral-500); font-weight: 700; gap: .75rem; padding-bottom: 1.25rem; border-radius: var(--button-radius) } .swl-progress__step__number { display: flex; flex-shrink: 0; width: 1.5rem; height: 1.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--white); border: .0625rem dashed var(--neutral-400); z-index: 1 } .swl-progress__step__title { font-size: 1.125rem; line-height: 1.25; font-weight: 700 } .swl-progress__step__content { display: flex; flex-direction: column; gap: .25rem } .swl-progress__step:not(:nth-last-child(1))::before { content: ""; position: absolute; top: 0; left: .75rem; height: 100%; border-left: .0625rem dashed var(--neutral-400) } .swl-progress__step.done { color: var(--neutral-700) } .swl-progress__step.done::before { left: .6875rem; border-left: .125rem solid var(--neutral-700) } .swl-progress__step.done .swl-progress__step__number { color: rgba(0,0,0,0); border: none } .swl-progress__step.done .swl-progress__step__number::before { position: absolute; content: "\ea14"; font-family: "icons"; font-size: 1.5rem; color: var(--neutral-700) } .swl-progress__step.current { font-weight: 700; color: var(--neutral-700) } .swl-progress__step.current .swl-progress__step__number { border: .125rem solid var(--neutral-700) } .swl-dashboard-menu .swl-progress { display: flex; align-items: center; gap: 1rem; margin-top: 1.5rem } @media screen and (min-width: 920px) { .swl-dashboard-menu .swl-progress { margin-top: 0; flex-direction: column; align-items: flex-start } } .swl-dashboard-menu .swl-progress__step-title { display: none } @media screen and (min-width: 920px) { .swl-dashboard-menu .swl-progress__step-title { color: var(--white); display: block } } .swl-dashboard-menu .swl-progress__step { color: var(--neutral-400); align-items: center } .swl-dashboard-menu .swl-progress__step::before { display: none } .swl-dashboard-menu .swl-progress__step.current { color: var(--white) } @media screen and (max-width: 919px) { .swl-dashboard-menu .swl-progress__step { font-size: 1.25rem; line-height: 1.25; padding-bottom: .5rem } .swl-dashboard-menu .swl-progress__step.next { font-weight: 500; font-size: 1rem; line-height: 1.25; gap: 0 } .swl-dashboard-menu .swl-progress__step.next::before { display: inline-block; position: relative; border: 0; left: 0; content: "Siguiente: " } .swl-dashboard-menu .swl-progress__step:not(.current,.next), .swl-dashboard-menu .swl-progress__step__number { display: none } } @media screen and (min-width: 920px) { .swl-dashboard-menu .swl-progress__step:focus-visible { outline: .125rem solid var(--neutral-400); transition: all .2s ease-in-out } .swl-dashboard-menu .swl-progress__step:not(.current) { font-weight: 500 } .swl-dashboard-menu .swl-progress__step:not(.current,.next) { display: flex } .swl-dashboard-menu .swl-progress__step:not(:nth-last-child(2))::before { display: block; border-left: .0625rem dashed var(--neutral-400) } .swl-dashboard-menu .swl-progress__step__number { display: flex; background-color: var(--neutral-700) } .swl-dashboard-menu .swl-progress__step.done { color: var(--neutral-500) } .swl-dashboard-menu .swl-progress__step.done::before { border-left: .125rem solid var(--neutral-500) } .swl-dashboard-menu .swl-progress__step.done .swl-progress__step__number::before { color: var(--neutral-500) } .swl-dashboard-menu .swl-progress__step.current { color: var(--accent-500) } .swl-dashboard-menu .swl-progress__step.current .swl-progress__step__number { border: .125rem solid var(--accent-500) } .swl-dashboard-menu .swl-progress__step.next { color: var(--neutral-400) } .swl-dashboard-menu .swl-progress__step.next::before { content: ""; position: absolute } } .swl-dashboard-menu .swl-progress__stephelp { position: absolute; top: -0.4rem; right: 0; display: inline-flex; padding: .5rem; color: var(--white) } .swl-dashboard-menu .swl-progress__stephelp--animate::before { content: ""; position: absolute; width: 1.45rem; height: 1.45rem; border-radius: 100%; border: .0625rem solid var(--white); opacity: 0; animation: stephelpAnim infinite 1s ease-in-out; animation-iteration-count: 15 } .swl-dashboard-menu .swl-progress__pie { width: 4rem; height: 4rem; border-radius: 50%; color: var(--accent-500); background-color: var(--neutral-900); background-image: linear-gradient(to right, transparent 50%, var(--accent-500) 0); position: relative; display: inline-block } .swl-dashboard-menu .swl-progress__pie::before { content: ""; display: block; margin-left: 50%; height: 100%; border-radius: 0 100% 100% 0/50%; background-color: inherit; transform-origin: left } .swl-dashboard-menu .swl-progress__pie::after { content: ""; position: absolute; width: 90%; height: 90%; margin: auto; border-radius: 50%; background-color: var(--neutral-700); left: 0; right: 0; top: 0; bottom: 0 } .swl-dashboard-menu .swl-progress__pie[data-value="0"]:before { transform: rotate(0turn) } .swl-dashboard-menu .swl-progress__pie[data-value="1"]:before { transform: rotate(0.01turn) } .swl-dashboard-menu .swl-progress__pie[data-value="2"]:before { transform: rotate(0.02turn) } .swl-dashboard-menu .swl-progress__pie[data-value="3"]:before { transform: rotate(0.03turn) } .swl-dashboard-menu .swl-progress__pie[data-value="4"]:before { transform: rotate(0.04turn) } .swl-dashboard-menu .swl-progress__pie[data-value="5"]:before { transform: rotate(0.05turn) } .swl-dashboard-menu .swl-progress__pie[data-value="6"]:before { transform: rotate(0.06turn) } .swl-dashboard-menu .swl-progress__pie[data-value="7"]:before { transform: rotate(0.07turn) } .swl-dashboard-menu .swl-progress__pie[data-value="8"]:before { transform: rotate(0.08turn) } .swl-dashboard-menu .swl-progress__pie[data-value="9"]:before { transform: rotate(0.09turn) } .swl-dashboard-menu .swl-progress__pie[data-value="10"]:before { transform: rotate(0.1turn) } .swl-dashboard-menu .swl-progress__pie[data-value="11"]:before { transform: rotate(0.11turn) } .swl-dashboard-menu .swl-progress__pie[data-value="12"]:before { transform: rotate(0.12turn) } .swl-dashboard-menu .swl-progress__pie[data-value="13"]:before { transform: rotate(0.13turn) } .swl-dashboard-menu .swl-progress__pie[data-value="14"]:before { transform: rotate(0.14turn) } .swl-dashboard-menu .swl-progress__pie[data-value="15"]:before { transform: rotate(0.15turn) } .swl-dashboard-menu .swl-progress__pie[data-value="16"]:before { transform: rotate(0.16turn) } .swl-dashboard-menu .swl-progress__pie[data-value="17"]:before { transform: rotate(0.17turn) } .swl-dashboard-menu .swl-progress__pie[data-value="18"]:before { transform: rotate(0.18turn) } .swl-dashboard-menu .swl-progress__pie[data-value="19"]:before { transform: rotate(0.19turn) } .swl-dashboard-menu .swl-progress__pie[data-value="20"]:before { transform: rotate(0.2turn) } .swl-dashboard-menu .swl-progress__pie[data-value="21"]:before { transform: rotate(0.21turn) } .swl-dashboard-menu .swl-progress__pie[data-value="22"]:before { transform: rotate(0.22turn) } .swl-dashboard-menu .swl-progress__pie[data-value="23"]:before { transform: rotate(0.23turn) } .swl-dashboard-menu .swl-progress__pie[data-value="24"]:before { transform: rotate(0.24turn) } .swl-dashboard-menu .swl-progress__pie[data-value="25"]:before { transform: rotate(0.25turn) } .swl-dashboard-menu .swl-progress__pie[data-value="26"]:before { transform: rotate(0.26turn) } .swl-dashboard-menu .swl-progress__pie[data-value="27"]:before { transform: rotate(0.27turn) } .swl-dashboard-menu .swl-progress__pie[data-value="28"]:before { transform: rotate(0.28turn) } .swl-dashboard-menu .swl-progress__pie[data-value="29"]:before { transform: rotate(0.29turn) } .swl-dashboard-menu .swl-progress__pie[data-value="30"]:before { transform: rotate(0.3turn) } .swl-dashboard-menu .swl-progress__pie[data-value="31"]:before { transform: rotate(0.31turn) } .swl-dashboard-menu .swl-progress__pie[data-value="32"]:before { transform: rotate(0.32turn) } .swl-dashboard-menu .swl-progress__pie[data-value="33"]:before { transform: rotate(0.33turn) } .swl-dashboard-menu .swl-progress__pie[data-value="34"]:before { transform: rotate(0.34turn) } .swl-dashboard-menu .swl-progress__pie[data-value="35"]:before { transform: rotate(0.35turn) } .swl-dashboard-menu .swl-progress__pie[data-value="36"]:before { transform: rotate(0.36turn) } .swl-dashboard-menu .swl-progress__pie[data-value="37"]:before { transform: rotate(0.37turn) } .swl-dashboard-menu .swl-progress__pie[data-value="38"]:before { transform: rotate(0.38turn) } .swl-dashboard-menu .swl-progress__pie[data-value="39"]:before { transform: rotate(0.39turn) } .swl-dashboard-menu .swl-progress__pie[data-value="40"]:before { transform: rotate(0.4turn) } .swl-dashboard-menu .swl-progress__pie[data-value="41"]:before { transform: rotate(0.41turn) } .swl-dashboard-menu .swl-progress__pie[data-value="42"]:before { transform: rotate(0.42turn) } .swl-dashboard-menu .swl-progress__pie[data-value="43"]:before { transform: rotate(0.43turn) } .swl-dashboard-menu .swl-progress__pie[data-value="44"]:before { transform: rotate(0.44turn) } .swl-dashboard-menu .swl-progress__pie[data-value="45"]:before { transform: rotate(0.45turn) } .swl-dashboard-menu .swl-progress__pie[data-value="46"]:before { transform: rotate(0.46turn) } .swl-dashboard-menu .swl-progress__pie[data-value="47"]:before { transform: rotate(0.47turn) } .swl-dashboard-menu .swl-progress__pie[data-value="48"]:before { transform: rotate(0.48turn) } .swl-dashboard-menu .swl-progress__pie[data-value="49"]:before { transform: rotate(0.49turn) } .swl-dashboard-menu .swl-progress__pie[data-value="50"]:before { transform: rotate(0.5turn) } .swl-dashboard-menu .swl-progress__pie[data-value="51"]:before { background-color: var(--accent-500); transform: rotate(0.01turn) } .swl-dashboard-menu .swl-progress__pie[data-value="52"]:before { background-color: var(--accent-500); transform: rotate(0.02turn) } .swl-dashboard-menu .swl-progress__pie[data-value="53"]:before { background-color: var(--accent-500); transform: rotate(0.03turn) } .swl-dashboard-menu .swl-progress__pie[data-value="54"]:before { background-color: var(--accent-500); transform: rotate(0.04turn) } .swl-dashboard-menu .swl-progress__pie[data-value="55"]:before { background-color: var(--accent-500); transform: rotate(0.05turn) } .swl-dashboard-menu .swl-progress__pie[data-value="56"]:before { background-color: var(--accent-500); transform: rotate(0.06turn) } .swl-dashboard-menu .swl-progress__pie[data-value="57"]:before { background-color: var(--accent-500); transform: rotate(0.07turn) } .swl-dashboard-menu .swl-progress__pie[data-value="58"]:before { background-color: var(--accent-500); transform: rotate(0.08turn) } .swl-dashboard-menu .swl-progress__pie[data-value="59"]:before { background-color: var(--accent-500); transform: rotate(0.09turn) } .swl-dashboard-menu .swl-progress__pie[data-value="60"]:before { background-color: var(--accent-500); transform: rotate(0.1turn) } .swl-dashboard-menu .swl-progress__pie[data-value="61"]:before { background-color: var(--accent-500); transform: rotate(0.11turn) } .swl-dashboard-menu .swl-progress__pie[data-value="62"]:before { background-color: var(--accent-500); transform: rotate(0.12turn) } .swl-dashboard-menu .swl-progress__pie[data-value="63"]:before { background-color: var(--accent-500); transform: rotate(0.13turn) } .swl-dashboard-menu .swl-progress__pie[data-value="64"]:before { background-color: var(--accent-500); transform: rotate(0.14turn) } .swl-dashboard-menu .swl-progress__pie[data-value="65"]:before { background-color: var(--accent-500); transform: rotate(0.15turn) } .swl-dashboard-menu .swl-progress__pie[data-value="66"]:before { background-color: var(--accent-500); transform: rotate(0.16turn) } .swl-dashboard-menu .swl-progress__pie[data-value="67"]:before { background-color: var(--accent-500); transform: rotate(0.17turn) } .swl-dashboard-menu .swl-progress__pie[data-value="68"]:before { background-color: var(--accent-500); transform: rotate(0.18turn) } .swl-dashboard-menu .swl-progress__pie[data-value="69"]:before { background-color: var(--accent-500); transform: rotate(0.19turn) } .swl-dashboard-menu .swl-progress__pie[data-value="70"]:before { background-color: var(--accent-500); transform: rotate(0.2turn) } .swl-dashboard-menu .swl-progress__pie[data-value="71"]:before { background-color: var(--accent-500); transform: rotate(0.21turn) } .swl-dashboard-menu .swl-progress__pie[data-value="72"]:before { background-color: var(--accent-500); transform: rotate(0.22turn) } .swl-dashboard-menu .swl-progress__pie[data-value="73"]:before { background-color: var(--accent-500); transform: rotate(0.23turn) } .swl-dashboard-menu .swl-progress__pie[data-value="74"]:before { background-color: var(--accent-500); transform: rotate(0.24turn) } .swl-dashboard-menu .swl-progress__pie[data-value="75"]:before { background-color: var(--accent-500); transform: rotate(0.25turn) } .swl-dashboard-menu .swl-progress__pie[data-value="76"]:before { background-color: var(--accent-500); transform: rotate(0.26turn) } .swl-dashboard-menu .swl-progress__pie[data-value="77"]:before { background-color: var(--accent-500); transform: rotate(0.27turn) } .swl-dashboard-menu .swl-progress__pie[data-value="78"]:before { background-color: var(--accent-500); transform: rotate(0.28turn) } .swl-dashboard-menu .swl-progress__pie[data-value="79"]:before { background-color: var(--accent-500); transform: rotate(0.29turn) } .swl-dashboard-menu .swl-progress__pie[data-value="80"]:before { background-color: var(--accent-500); transform: rotate(0.3turn) } .swl-dashboard-menu .swl-progress__pie[data-value="81"]:before { background-color: var(--accent-500); transform: rotate(0.31turn) } .swl-dashboard-menu .swl-progress__pie[data-value="82"]:before { background-color: var(--accent-500); transform: rotate(0.32turn) } .swl-dashboard-menu .swl-progress__pie[data-value="83"]:before { background-color: var(--accent-500); transform: rotate(0.33turn) } .swl-dashboard-menu .swl-progress__pie[data-value="84"]:before { background-color: var(--accent-500); transform: rotate(0.34turn) } .swl-dashboard-menu .swl-progress__pie[data-value="85"]:before { background-color: var(--accent-500); transform: rotate(0.35turn) } .swl-dashboard-menu .swl-progress__pie[data-value="86"]:before { background-color: var(--accent-500); transform: rotate(0.36turn) } .swl-dashboard-menu .swl-progress__pie[data-value="87"]:before { background-color: var(--accent-500); transform: rotate(0.37turn) } .swl-dashboard-menu .swl-progress__pie[data-value="88"]:before { background-color: var(--accent-500); transform: rotate(0.38turn) } .swl-dashboard-menu .swl-progress__pie[data-value="89"]:before { background-color: var(--accent-500); transform: rotate(0.39turn) } .swl-dashboard-menu .swl-progress__pie[data-value="90"]:before { background-color: var(--accent-500); transform: rotate(0.4turn) } .swl-dashboard-menu .swl-progress__pie[data-value="91"]:before { background-color: var(--accent-500); transform: rotate(0.41turn) } .swl-dashboard-menu .swl-progress__pie[data-value="92"]:before { background-color: var(--accent-500); transform: rotate(0.42turn) } .swl-dashboard-menu .swl-progress__pie[data-value="93"]:before { background-color: var(--accent-500); transform: rotate(0.43turn) } .swl-dashboard-menu .swl-progress__pie[data-value="94"]:before { background-color: var(--accent-500); transform: rotate(0.44turn) } .swl-dashboard-menu .swl-progress__pie[data-value="95"]:before { background-color: var(--accent-500); transform: rotate(0.45turn) } .swl-dashboard-menu .swl-progress__pie[data-value="96"]:before { background-color: var(--accent-500); transform: rotate(0.46turn) } .swl-dashboard-menu .swl-progress__pie[data-value="97"]:before { background-color: var(--accent-500); transform: rotate(0.47turn) } .swl-dashboard-menu .swl-progress__pie[data-value="98"]:before { background-color: var(--accent-500); transform: rotate(0.48turn) } .swl-dashboard-menu .swl-progress__pie[data-value="99"]:before { background-color: var(--accent-500); transform: rotate(0.49turn) } .swl-dashboard-menu .swl-progress__pie[data-value="100"]:before { background-color: var(--accent-500); transform: rotate(0.5turn) } @media screen and (min-width: 920px) { .swl-dashboard-menu .swl-progress__pie { display: none } } .swl-dashboard-menu .swl-progress__pie__label { font-size: .75rem; line-height: 1.4; line-height: 1; position: absolute; top: 1rem; width: 100%; text-align: center; z-index: 1 } .swl-dashboard-menu .swl-progress__pie__steps { font-size: 1.125rem; line-height: 1.25; color: var(--accent-500); position: absolute; top: 1.7rem; width: 100%; text-align: center; z-index: 1 } .swl-dashboard-menu .swl-progress__pie__number { font-weight: var(--bold) } .swl-progress-card { background-color: var(--white); border-radius: var(--button-radius); padding: 1.5rem } .swl-progress-card .swl-progress__step { padding-bottom: 2rem } .swl-progress-card .swl-progress__step:last-child { padding: 0 } @keyframes stephelpAnim { 0% { transform: scale(1); opacity: 0 } 50% { opacity: .75 } 100% { transform: scale(1.4); opacity: 0 } } .progressbar { position: relative; width: 100%; height: .25rem; background-color: var(--neutral-300); display: block; border-radius: .75rem } .progressbar::before { content: ""; position: absolute; height: 100%; border-radius: .5rem; background-color: var(--accent-500) } .progressbar[data-value="1"]:before { width: 1% } .progressbar[data-value="2"]:before { width: 2% } .progressbar[data-value="3"]:before { width: 3% } .progressbar[data-value="4"]:before { width: 4% } .progressbar[data-value="5"]:before { width: 5% } .progressbar[data-value="6"]:before { width: 6% } .progressbar[data-value="7"]:before { width: 7% } .progressbar[data-value="8"]:before { width: 8% } .progressbar[data-value="9"]:before { width: 9% } .progressbar[data-value="10"]:before { width: 10% } .progressbar[data-value="11"]:before { width: 11% } .progressbar[data-value="12"]:before { width: 12% } .progressbar[data-value="13"]:before { width: 13% } .progressbar[data-value="14"]:before { width: 14% } .progressbar[data-value="15"]:before { width: 15% } .progressbar[data-value="16"]:before { width: 16% } .progressbar[data-value="17"]:before { width: 17% } .progressbar[data-value="18"]:before { width: 18% } .progressbar[data-value="19"]:before { width: 19% } .progressbar[data-value="20"]:before { width: 20% } .progressbar[data-value="21"]:before { width: 21% } .progressbar[data-value="22"]:before { width: 22% } .progressbar[data-value="23"]:before { width: 23% } .progressbar[data-value="24"]:before { width: 24% } .progressbar[data-value="25"]:before { width: 25% } .progressbar[data-value="26"]:before { width: 26% } .progressbar[data-value="27"]:before { width: 27% } .progressbar[data-value="28"]:before { width: 28% } .progressbar[data-value="29"]:before { width: 29% } .progressbar[data-value="30"]:before { width: 30% } .progressbar[data-value="31"]:before { width: 31% } .progressbar[data-value="32"]:before { width: 32% } .progressbar[data-value="33"]:before { width: 33% } .progressbar[data-value="34"]:before { width: 34% } .progressbar[data-value="35"]:before { width: 35% } .progressbar[data-value="36"]:before { width: 36% } .progressbar[data-value="37"]:before { width: 37% } .progressbar[data-value="38"]:before { width: 38% } .progressbar[data-value="39"]:before { width: 39% } .progressbar[data-value="40"]:before { width: 40% } .progressbar[data-value="41"]:before { width: 41% } .progressbar[data-value="42"]:before { width: 42% } .progressbar[data-value="43"]:before { width: 43% } .progressbar[data-value="44"]:before { width: 44% } .progressbar[data-value="45"]:before { width: 45% } .progressbar[data-value="46"]:before { width: 46% } .progressbar[data-value="47"]:before { width: 47% } .progressbar[data-value="48"]:before { width: 48% } .progressbar[data-value="49"]:before { width: 49% } .progressbar[data-value="50"]:before { width: 50% } .progressbar[data-value="51"]:before { width: 51% } .progressbar[data-value="52"]:before { width: 52% } .progressbar[data-value="53"]:before { width: 53% } .progressbar[data-value="54"]:before { width: 54% } .progressbar[data-value="55"]:before { width: 55% } .progressbar[data-value="56"]:before { width: 56% } .progressbar[data-value="57"]:before { width: 57% } .progressbar[data-value="58"]:before { width: 58% } .progressbar[data-value="59"]:before { width: 59% } .progressbar[data-value="60"]:before { width: 60% } .progressbar[data-value="61"]:before { width: 61% } .progressbar[data-value="62"]:before { width: 62% } .progressbar[data-value="63"]:before { width: 63% } .progressbar[data-value="64"]:before { width: 64% } .progressbar[data-value="65"]:before { width: 65% } .progressbar[data-value="66"]:before { width: 66% } .progressbar[data-value="67"]:before { width: 67% } .progressbar[data-value="68"]:before { width: 68% } .progressbar[data-value="69"]:before { width: 69% } .progressbar[data-value="70"]:before { width: 70% } .progressbar[data-value="71"]:before { width: 71% } .progressbar[data-value="72"]:before { width: 72% } .progressbar[data-value="73"]:before { width: 73% } .progressbar[data-value="74"]:before { width: 74% } .progressbar[data-value="75"]:before { width: 75% } .progressbar[data-value="76"]:before { width: 76% } .progressbar[data-value="77"]:before { width: 77% } .progressbar[data-value="78"]:before { width: 78% } .progressbar[data-value="79"]:before { width: 79% } .progressbar[data-value="80"]:before { width: 80% } .progressbar[data-value="81"]:before { width: 81% } .progressbar[data-value="82"]:before { width: 82% } .progressbar[data-value="83"]:before { width: 83% } .progressbar[data-value="84"]:before { width: 84% } .progressbar[data-value="85"]:before { width: 85% } .progressbar[data-value="86"]:before { width: 86% } .progressbar[data-value="87"]:before { width: 87% } .progressbar[data-value="88"]:before { width: 88% } .progressbar[data-value="89"]:before { width: 89% } .progressbar[data-value="90"]:before { width: 90% } .progressbar[data-value="91"]:before { width: 91% } .progressbar[data-value="92"]:before { width: 92% } .progressbar[data-value="93"]:before { width: 93% } .progressbar[data-value="94"]:before { width: 94% } .progressbar[data-value="95"]:before { width: 95% } .progressbar[data-value="96"]:before { width: 96% } .progressbar[data-value="97"]:before { width: 97% } .progressbar[data-value="98"]:before { width: 98% } .progressbar[data-value="99"]:before { width: 99% } .progressbar[data-value="100"]:before { width: 100% } .progressbar-header { width: 100%; z-index: 3; background-color: var(--white); height: 1.5rem; position: fixed; top: var(--header-height); left: 0; display: flex; align-items: center; padding: .5rem var(--container-padding); border-bottom: 1px solid var(--neutral-200) } .progressbar-header .progressbar { height: .375rem } @media screen and (min-width: 920px) { .progressbar-header { height: 2.5rem; padding-left: 3rem; padding-right: 3rem } .progressbar-header .progressbar { height: .625rem } } .swl-page-chat.swl-dashboard--vertical .swl-main { padding: 3.5rem 0 calc(var(--tabbar-height) + 4rem + env(safe-area-inset-bottom)); gap: 0; align-items: center; overflow: inherit } .swl-page-chat:has(.swl-chat-audiobar).swl-dashboard--vertical .swl-main { padding-top: 7rem } .swl-chat-header-wrap { position: fixed; top: var(--header-height); display: flex; flex-direction: column; width: 100%; z-index: 5 } .swl-chat-header-wrap .swl-chat-header { top: 0; position: relative } .swl-chat-header { width: 100%; background-color: var(--white); padding: .5rem var(--container-padding); border-bottom: .0625rem solid var(--background-dark); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem; min-height: 3.5rem; position: fixed; top: var(--header-height); z-index: 5 } @media screen and (min-width: 920px) { .swl-chat-header { padding-left: 3rem; padding-right: 3rem } } .swl-chat-header h1 { flex: 1 } .swl-chat-header__actions { display: flex; gap: .125rem } .swl-chat-searchbar { width: 100%; background-color: var(--white); padding: .5rem var(--container-padding); border-bottom: .0625rem solid var(--background-dark); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem; display: none } @media screen and (min-width: 920px) { .swl-chat-searchbar { padding-left: 3rem; padding-right: 3rem } } .swl-chat-searchbar .swl-table-search { width: 100%; max-width: none } @media screen and (min-width: 920px) { .swl-chat-header__search-wrap .swl-button, .swl-chat-searchbar { display: none !important } } @media screen and (max-width: 919px) { .swl-chat-header__search-wrap .swl-table-search { display: none } } .swl-chat-audiobar { width: 100%; background-color: var(--white); padding: .5rem var(--container-padding); border-bottom: .0625rem solid var(--background-dark); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem; min-height: 3.625rem; font-size: .875rem; flex-wrap: wrap } @media screen and (min-width: 920px) { .swl-chat-audiobar { padding-left: 3rem; padding-right: 3rem } } .swl-chat-audiobar__control { display: flex; align-items: center; gap: .25rem; color: var(--neutral-700) } .swl-chat-audiobar__control .swl-icon-audio-off, .swl-chat-audiobar__control .swl-icon-audio-on { font-size: 1.25rem } .swl-chat-audiobar .swl-assistant-voice { width: .625rem; height: .625rem; margin-right: .25rem; border-radius: 100%; background-color: var(--accent-500); transition: all .2 ease } .swl-chat-audiobar .swl-assistant-voice--speaking { animation: voiceAnimation 2s ease-in-out infinite } .swl-chat-audiobar--muted .swl-assistant-voice { background-color: var(--neutral-400) } .swl-chat-audiobar--muted .swl-icon-audio-off { color: var(--neutral-400) } .swl-chat-body { width: 100%; max-width: 62.5rem; flex: 1; padding: 1.5rem var(--container-padding); display: flex; flex-direction: column; gap: 1.5rem } .swl-chat-empty { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.5rem; font-size: 1.5rem; line-height: 1.2; text-align: center } .swl-chat-empty .swl-avatar { width: 5rem } .swl-chat-empty .swl-avatar img { width: 100% } .swl-chat-suggestions { width: 100%; justify-content: center } .swl-chat-message { display: flex; gap: .5rem } .swl-chat-message .swl-avatar { font-size: 1rem; line-height: 1.25; width: 2rem; height: 2rem } .swl-chat-message p:not(:last-child) { margin-bottom: .75rem } .swl-chat-message__bubbles-group { display: flex; flex-direction: column; align-items: flex-start; gap: .25rem } .swl-chat-message__time { font-size: .75rem; line-height: 1.4; color: var(--neutral-500); align-self: flex-end } .swl-chat-message__username { font-size: .875rem; line-height: 1.25; font-weight: 700; margin-bottom: 0 !important } .swl-chat-message .swl-link { color: var(--link) } .swl-chat-message .swl-button--icon { margin-left: -0.5rem; margin-bottom: -0.5rem } .swl-chat-message .swl-button--icon .swl-icon { font-size: 1.25rem } .swl-chat-message__bubble { max-width: 43.75rem; width: 100%; position: relative; display: inline-flex; gap: .125rem; flex-direction: column; background-color: var(--white); border-radius: .25rem; box-shadow: 0 1px 2px rgba(0,0,0,.1); padding: .5rem .75rem; padding-bottom: .375rem } .swl-chat-message__bubble:first-child { border-top-left-radius: 0 } .swl-chat-message__bubble:first-child::before { position: absolute; top: 0; left: -0.5rem; content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0 .5rem .5rem 0; border-color: rgba(0,0,0,0) var(--white) rgba(0,0,0,0) rgba(0,0,0,0); transform: rotate(0deg) } .swl-chat-message__filled { max-width: 37.5rem; background-color: var(--white); padding: 1rem; border-radius: .5rem } .swl-chat-message--user { flex-direction: row-reverse } .swl-chat-message--user .swl-chat-message__bubble { background-color: var(--white); border-radius: .25rem; box-shadow: 0 1px 2px rgba(0,0,0,.1); padding: .5rem .75rem; background-color: var(--neutral-700); color: var(--neutral-200); transform: translateX(calc(-1 * var(--container-padding))) } .swl-chat-message--user .swl-chat-message__bubble:first-child { border-top-right-radius: 0 } .swl-chat-message--user .swl-chat-message__bubble:first-child::before { left: auto; right: -0.5rem; transform: rotate(270deg); border-color: rgba(0,0,0,0) var(--neutral-700) rgba(0,0,0,0) rgba(0,0,0,0) } .swl-chat-message--user .swl-chat-message__bubble .swl-link { color: var(--white) } .swl-chat-message--user .swl-chat-message__filled { background-color: var(--background-dark) } .swl-chat-message--user .swl-chat-message__time { color: var(--neutral-400) } .swl-chat-date { align-self: center; background-color: var(--white); border-radius: .25rem; box-shadow: 0 1px 2px rgba(0,0,0,.1); padding: .5rem .75rem; padding-top: .375rem; padding-bottom: .375rem; width: fit-content } .swl-bold { font-weight: 700 } .swl-underline { text-decoration: underline } .swl-chat-sendbar { position: fixed; width: 100%; height: calc(4rem + env(safe-area-inset-bottom)); background-color: var(--neutral-200); border-top: .0625rem solid var(--background-dark); left: 0; bottom: 0; padding: .5rem var(--container-padding) calc(.5rem + env(safe-area-inset-bottom)); z-index: 5; display: flex; align-items: center; justify-content: center; gap: .5rem } @media screen and (min-width: 920px) { .swl-chat-sendbar { padding-left: 3rem; padding-right: 3rem } } .swl-chat-sendbar__bar-wrap { position: relative; flex: 1; display: flex; align-items: center; justify-content: center; max-width: 59.375rem } .swl-chat-sendbar__bar { flex: 1; padding: .625rem .75rem; border-radius: var(--button-radius); height: 100%; border: .0625rem solid var(--neutral-300); max-width: 59.375rem } .swl-chat-sendbar:has(.swl-chat-sendbar__inside-button) .swl-chat-sendbar__bar { padding-right: 3.125rem } .swl-chat-sendbar__inside-button { position: absolute; right: .375rem; border-radius: 100%; color: var(--white); background-color: var(--neutral-700); aspect-ratio: 1/1; padding: .5rem } .swl-chat-sendbar__inside-button .swl-icon { font-size: 1.375rem } .swl-chat-sendbar__inside-button:hover { background-color: var(--neutral-800) } .swl-chat-sendbar__button { width: 2.625rem; aspect-ratio: 1/1; border-radius: 100% } body:has(.swl-tabbar) .swl-chat-sendbar { height: 4rem; padding: .5rem var(--container-padding) } .swl-chat-recordvoice { display: none; position: fixed; background-color: var(--neutral-200); border-top: .0625rem solid var(--background-dark); padding: 1rem var(--container-padding); z-index: 6; width: 100%; left: 0; bottom: env(safe-area-inset-bottom); min-height: 10rem; justify-content: center } .swl-chat-recordvoice > * { color: var(--neutral-700) } .swl-chat-recordvoice:hover { cursor: pointer } .swl-chat-recordvoice__content { display: none; flex-direction: column; align-items: center; justify-content: center; gap: 1rem } .swl-chat-recordvoice__indicator { width: 2.5rem; height: 2.5rem; border-radius: 100%; background-color: var(--neutral-700); transform: scale(1); animation: voiceAnimation 2s ease-in-out infinite } .swl-chat-recordvoice__pause { display: flex; align-items: center; gap: .25rem } .swl-chat-recordvoice__pause .swl-icon { font-size: 1rem } @keyframes voiceAnimation { 0% { transform: scale(1) } 10% { transform: scale(1.2) } 20% { transform: scale(0.9) } 30% { transform: scale(1.5) } 40% { transform: scale(1.2) } 50% { transform: scale(1.5) } 60% { transform: scale(1.3) } 70% { transform: scale(1.2) } 80% { transform: scale(1.5) } 90% { transform: scale(1.2) } 100% { transform: scale(1) } } .swl-tabbar ~ .swl-main .swl-chat-sendbar, .swl-tabbar ~ .swl-main .swl-chat-recordvoice { bottom: calc(var(--tabbar-height) + env(safe-area-inset-bottom)) } .swl-form-page { display: flex; flex-direction: column; background-color: var(--background) } @media screen and (min-width: 768px) { .swl-form-page { flex-direction: row } } .swl-form-aside { display: flex; flex-direction: column; justify-content: space-between; padding: 1.5rem 1.5rem 0; background-image: url(/Content/assets/img/lines.svg); background-repeat: repeat; background-position: center; background-size: 64px; overflow: hidden } @media screen and (min-width: 768px) { .swl-form-aside { flex: 2; align-items: flex-end; max-height: 100vh; position: sticky; top: 0; padding-bottom: var(--header-height) } } .swl-form-aside__image { max-height: 16vh; min-height: 6rem } .swl-form-aside__image--desktop { display: none } @media screen and (min-width: 768px) { .swl-form-aside__image { flex: 1; max-height: initial; margin-left: -1rem; min-width: 28rem } .swl-form-aside__image--desktop { display: block } .swl-form-aside__image--mobile { display: none } } .swl-form-main { flex: 4; background-color: var(--white); border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem } @media screen and (min-width: 768px) { .swl-form-main { align-items: center; justify-content: center; border-radius: 0 } } #frm_content { width: 100% } .swl-form-results-tables { display: flex; flex-direction: column; gap: 1rem } .swl-form-results-tables .swl-table td, .swl-form-results-tables .swl-table th { background-color: rgba(0,0,0,0) } .swl-result-cta { border-top: .0625rem solid var(--neutral-200); padding-top: 1.5rem; margin-top: .5rem; display: flex; flex-direction: column; gap: 1rem } .swl-login { display: flex; flex-direction: column; background-position: center; background-size: cover; justify-content: space-between } .swl-login .swl-navbar { padding: 1.5rem } .swl-login main { flex: 1; justify-content: center; align-items: center; padding-left: .5rem; padding-right: .5rem } .swl-login footer { padding: 1.5rem } @media screen and (min-width: 576px) { .swl-login { background-color: var(--background); background-image: url(/Content/assets/img/background-login.svg) } } .swl-login-box { max-width: 31.25rem; width: 100%; padding: 0 1.5rem; background-color: var(--white); border-radius: var(--button-radius); display: flex; flex-direction: column; align-items: center; gap: 1.5rem } @media screen and (min-width: 576px) { .swl-login-box { padding: 3.5rem } } .swl-login-box__header { display: flex; flex-direction: column; align-items: center } .swl-login-box__body { padding: 1rem 0 } .swl-login-box__buttons { display: flex; flex-direction: column; align-items: center; gap: .75rem; width: 100% } .swl-login-box__alternative-login { width: 100%; border-top: .0625rem solid var(--background); padding-top: 1.5rem } .swl-login-box .swl-button { max-width: none } .swl-login-form { display: flex; flex-direction: column; gap: 1rem; width: 100% } .swl-intro-carousel { margin-bottom: 1.5rem; margin-left: -1.5rem; margin-right: -1.5rem } @media screen and (min-width: 576px) { .swl-intro-carousel { margin-left: -3.5rem; margin-right: -3.5rem } } .swl-intro-carousel .carousel-inner { min-height: 25rem } .swl-intro-carousel .carousel-item { padding: 0 1.5rem } @media screen and (min-width: 576px) { .swl-intro-carousel .carousel-item { padding: 0 3.5rem } } .swl-intro-carousel .carousel-item img { display: block; width: 80%; margin: 0 auto 1.5rem } .swl-redirect { display: flex; flex-direction: column; background-color: var(--background); background-image: url(/Content/assets/img/background-login.svg); background-position: center; background-size: cover; justify-content: space-between } .swl-redirect main { flex: 1; justify-content: center; align-items: center; text-align: center } .swl-redirect-title { font-size: 1.625rem; line-height: 1.25; font-weight: 700; color: var(--neutral-700) } .swl-redirect-wrap { display: flex; flex-direction: column; max-width: 43.75rem; gap: 1.5rem; justify-content: space-around; width: 100%; background-color: var(--white); padding: 3.5rem 1.5rem; border-radius: var(--box-radius); margin: 1.5rem 0 } @media screen and (min-width: 500px) { .swl-redirect-wrap { flex-direction: row } } .swl-redirect-logo { height: 1.75rem } .swl-loading-dots { display: flex; flex-direction: column; align-items: center; gap: .5rem } @media screen and (min-width: 500px) { .swl-loading-dots { flex-direction: row } } .swl-loading-dots__item { width: .375rem; height: .375rem; border-radius: 100%; background-color: var(--neutral-300); animation: dotAnimation infinite 1s } .swl-loading-dots__item:nth-child(1n) { animation-delay: 0.2s } .swl-loading-dots__item:nth-child(2n) { animation-delay: 0.4s } .swl-loading-dots__item:nth-child(3n) { animation-delay: 0.6s } .swl-loading-dots__item:nth-child(4n) { animation-delay: 0.8s } .swl-loading-dots__item:nth-child(5n) { animation-delay: 1s } @keyframes dotAnimation { 0% { background-color: var(--neutral-300) } 20% { background-color: var(--neutral-700) } 40% { background-color: var(--neutral-300) } } .swl-dashboard { position: relative; display: flex; flex-direction: column; background-color: var(--background) } .swl-dashboard-menu { position: sticky; top: 0; width: 100%; padding: 1rem .5rem; display: flex; justify-content: space-between; flex-direction: column; background-color: var(--neutral-700); z-index: 999; transition: all .25s ease-in-out } .swl-dashboard-menu__header { display: flex; align-items: center; min-height: 2rem; width: 100%; gap: 1rem } .swl-dashboard-menu__logo { display: flex; align-items: center; border-radius: var(--button-radius) } .swl-dashboard-menu__logo img { height: 1.5rem; width: auto } .swl-dashboard-menu__logo:focus-visible { outline: .125rem solid var(--neutral-400); transition: all .2s ease-in-out } .swl-dashboard-menu__collapse-button { display: flex; width: 2rem; height: 2rem; gap: .25rem; flex-direction: column; align-items: center; justify-content: center; color: var(--white); border-radius: 100%; order: -1; transition: all .25s ease-in-out } .swl-dashboard-menu__collapse-button:hover { background-color: var(--neutral-800); cursor: pointer } .swl-dashboard-menu__collapse-button:focus-visible { outline: .125rem solid var(--neutral-400); transition: all .25s ease-in-out } .swl-dashboard-menu__collapse-button .swl-icon { font-size: 1rem } @media screen and (min-width: 920px) { .swl-dashboard-menu__collapse-button { display: none; transform: rotate(0deg) } } .swl-dashboard-menu__collapse-line { width: 1.125rem; height: .125rem; background-color: var(--white); border-radius: .125rem; transition: all .25s ease-in-out } .swl-dashboard-menu__collapse-links { display: flex; box-sizing: content-box; position: absolute; overflow: hidden; top: var(--header-height); left: 0; width: 0; height: calc(100vh - var(--header-height)*2); gap: 1.25rem; flex-direction: column; background-color: var(--neutral-700); padding: 1.5rem 0 3rem; transition: width .5s ease-in-out,padding .5s ease-in-out; z-index: 11 } @media screen and (min-width: 920px) { .swl-dashboard-menu__collapse-links { position: relative; top: 0; overflow: visible; height: auto; width: initial; flex: 1; display: flex; background-color: rgba(0,0,0,0); padding: 0 } } .swl-dashboard-menu__dropdown { border: .0625rem solid var(--neutral-200); box-shadow: 0 .125rem .5rem rgba(21,40,73,.1); overflow: hidden } .swl-dashboard-menu__dropdown-item { display: block; color: var(--neutral-700); width: 100%; padding: .25rem 1rem } .swl-dashboard-menu__dropdown-item:hover { background-color: var(--neutral-200) } .swl-dashboard-menu__link { font-size: 1.125rem; line-height: 1.25; display: flex; align-items: center; gap: .75rem; color: var(--neutral-300); padding: .25rem; min-width: 1.5rem; border-radius: .125rem; outline: 0rem solid var(--neutral-650); transition: all .2s ease-in-out } .swl-dashboard-menu__link-label { flex: 1; white-space: nowrap } .swl-dashboard-menu__link:hover:not(.swl-dashboard-menu__link--active) { color: var(--white); outline: .25rem solid var(--neutral-650); background-color: var(--neutral-650) } .swl-dashboard-menu__link--active { color: var(--white); outline: .25rem solid var(--neutral-800); background-color: var(--neutral-800) } @media screen and (min-width: 920px) { .swl-dashboard-menu__link { font-size: 1rem; line-height: 1.25; padding: .1rem } } .swl-dashboard-menu--open .swl-dashboard-menu__collapse-links { width: 70% } @media screen and (max-width: 919px) { .swl-dashboard-menu--open .swl-dashboard-menu__collapse-links { padding: 1.5rem 1.5rem 3rem } } @media screen and (min-width: 920px) { .swl-dashboard-menu--open .swl-dashboard-menu__collapse-links { width: 100% } } .swl-dashboard-menu--open .swl-dashboard-menu__collapse-line:first-child { transform: rotate(45deg) translate(0.2625rem, 0.2625rem) } .swl-dashboard-menu--open .swl-dashboard-menu__collapse-line:last-child { transform: rotate(-45deg) translate(0.2625rem, -0.2625rem) } .swl-dashboard-menu--open .swl-dashboard-menu__collapse-line:nth-child(2) { opacity: 0 } .swl-dashboard-main { width: 100%; overflow-x: auto; flex: 1; gap: 2rem; background-color: var(--background); align-content: start } .swl-dashboard-main--center { justify-content: center; align-items: center; text-align: center } .swl-dashboard-footer { font-size: .875rem; line-height: 1.25; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; padding: 1rem 1.5rem; border-top: .0625rem solid var(--neutral-200); white-space: nowrap; z-index: 1; background-color: var(--background) } @media screen and (min-width: 920px) { .swl-dashboard-footer { flex-direction: column; align-items: flex-start } .swl-dashboard-footer .swl-link { color: var(--white) } .swl-dashboard-footer .swl-link:hover { color: var(--neutral-400) } } @media screen and (min-width: 920px) { .swl-dashboard--horizontal { flex-direction: row; overflow-y: auto; overflow-x: hidden } } .swl-dashboard--horizontal .swl-dashboard-menu { justify-content: flex-start } @media screen and (min-width: 920px) { .swl-dashboard--horizontal .swl-dashboard-menu__header { margin-bottom: 2rem } } .swl-dashboard--horizontal .swl-dashboard-menu__collapse-button { display: flex } @media screen and (min-width: 920px) { .swl-dashboard--horizontal .swl-dashboard-menu { height: 100vh; flex-direction: column; align-items: center; flex-basis: var(--menu-horizontal-width); background-image: url(/Content/assets/img/background-menu.svg); background-position: center left; background-size: contain; background-attachment: fixed } .swl-dashboard--horizontal .swl-dashboard-menu__collapse-links { flex-direction: column } .swl-dashboard--horizontal .swl-dashboard-menu__collapse-button { transform: rotate(-180deg) } .swl-dashboard--horizontal .swl-dashboard-menu__collapse-line:first-child { width: .625rem; transform: rotate(45deg) translate(0.125rem, 0.125rem) } .swl-dashboard--horizontal .swl-dashboard-menu__collapse-line:last-child { width: .625rem; transform: rotate(-45deg) translate(0.125rem, -0.125rem) } .swl-dashboard--horizontal .swl-dashboard-menu__collapse-line:nth-child(2) { opacity: 0 } .swl-dashboard--horizontal .swl-dashboard-menu--open { flex-basis: 5rem } .swl-dashboard--horizontal .swl-dashboard-menu--open .swl-dashboard-menu__logo, .swl-dashboard--horizontal .swl-dashboard-menu--open .swl-dashboard-menu__link-label { display: none } .swl-dashboard--horizontal .swl-dashboard-menu--open .swl-dashboard-menu__collapse-button { transform: rotate(0deg) } } @media screen and (min-width: 920px) { .swl-dashboard--horizontal .swl-dashboard-footer { position: fixed; z-index: 11; bottom: 0; width: var(--menu-horizontal-width); background-color: var(--neutral-700); border-top: .0625rem solid var(--neutral-800) } } @media screen and (max-width: 919px) { .swl-dashboard--vertical .swl-main { padding: 0 var(--container-padding) 2rem } } @media screen and (min-width: 920px) { .swl-dashboard--vertical .swl-dashboard-menu { padding-left: 3rem; padding-right: 3rem } .swl-dashboard--vertical .swl-dashboard-menu__collapse-links { flex-direction: row; justify-content: flex-end; gap: 1rem } .swl-dashboard--vertical .swl-dashboard-menu__link-icon { display: none } } .swl-dashboard--vertical .swl-dashboard-menu__user { display: flex; flex-direction: column } @media screen and (max-width: 919px) { .swl-dashboard--vertical .swl-dashboard-menu__user { flex: 1; justify-content: flex-end } .swl-dashboard--vertical .swl-dashboard-menu__user > .swl-dashboard-menu__link { border-top: .0625rem solid var(--neutral-800); padding-top: 1.5rem; pointer-events: none; color: var(--neutral-400) } } @media screen and (min-width: 920px) { .swl-dashboard--vertical .swl-dashboard-menu__user { border-left: .0625rem solid var(--neutral-800); padding-left: 1rem } } @media screen and (max-width: 919px) { .swl-dashboard--vertical .swl-dashboard-menu__dropdown { position: relative !important; display: block; background-color: rgba(0,0,0,0); border: 0; transform: none !important } .swl-dashboard--vertical .swl-dashboard-menu__dropdown-item { color: var(--neutral-300); width: fit-content; transition: all .2s ease-in-out; padding-left: 0rem } .swl-dashboard--vertical .swl-dashboard-menu__dropdown-item:hover { color: var(--white); background-color: rgba(0,0,0,0) } } .swl-dashboard--user { background-color: var(--neutral-700) } @media screen and (max-width: 919px) { .swl-dashboard--user .swl-dashboard-menu { position: relative } .swl-dashboard--user .swl-dashboard-main { border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem } } @media screen and (min-width: 1200px) { .swl-dashboard--user .swl-dashboard-main { padding-left: 7vw; padding-right: 7vw } } @media screen and (min-width: 1600px) { .swl-dashboard--user .swl-dashboard-main { padding-left: 10vw; padding-right: 20vw } } .swl-dashboard--childpage .swl-progress { display: none } .swl-dashboard--childpage .swl-main { border-radius: 0 } @media screen and (min-width: 920px) { .swl-dashboard--childpage .swl-progress { display: inherit } } .swl-dashboard-header h1 { margin-top: .5rem; margin-bottom: .5rem } .swl-dashboard-header .swl-hi-text { font-size: 1.25rem; line-height: 1.25; font-weight: var(--bold); color: var(--neutral-700) } .swl-dashboard-header--row { display: flex; flex-direction: column; flex-wrap: wrap; gap: 2rem } .swl-dashboard-header--row .swl-heading-1 { flex: 1 } @media screen and (min-width: 728px) { .swl-dashboard-header--row { flex-direction: row; justify-content: space-between; align-items: center } } .swl-dashboard-form { display: flex; flex-direction: column; gap: 1.5rem } .swl-separator { width: 100%; border-top: .0625rem solid var(--neutral-300) } .swl-process { display: flex; gap: 1rem; position: relative; margin-left: -0.25rem } .swl-process__number { width: 2.5rem; height: 2.5rem; border-radius: 50%; display: flex; flex-shrink: 0; align-items: center; justify-content: center; font-size: 1.375rem; line-height: 1.25; font-weight: var(--bold); color: var(--accent-500); border: .125rem solid var(--accent-500) } .swl-process__content { margin: .4rem 0 2rem } .swl-process__content > *:not(:last-child) { margin-bottom: .5rem } .swl-process:not(:last-child)::before { content: ""; position: absolute; left: 1.1875rem; bottom: .25rem; height: calc(100% - 2.5rem - .5rem); width: .125rem; background-color: var(--accent-500); border-radius: .125rem } .swl-preapproval-title { max-width: 18.75rem } .swl-preapproval-description { max-width: 18.75rem } .swl-map-iframe { border-radius: var(--button-radius) } .swl-user-process-wrap { display: flex; flex-direction: column; gap: 2rem; max-width: 62.5rem } .swl-user-process-wrap--center { align-items: center; justify-content: center; text-align: center; flex: 1; max-width: initial } .swl-checkout { display: flex; justify-content: space-between; flex-direction: column; gap: 3.5rem } @media screen and (min-width: 920px) { .swl-checkout { flex-direction: row; gap: 2rem } } .swl-checkout__steps { display: flex; flex-direction: column; gap: 3.5rem; flex: 1 } @media screen and (min-width: 920px) { .swl-checkout__steps { max-width: 40rem } } .swl-checkout__step-title { font-size: 1.375rem; line-height: 1.25; font-weight: 700; color: var(--neutral-700); margin-bottom: 1.5rem } .swl-checkout__box { background-color: var(--white); border-radius: var(--box-radius); padding: 2rem; align-self: start; width: 100% } @media screen and (min-width: 920px) { .swl-checkout__box { max-width: 22.5rem } } .swl-checkout__box-title { font-size: 1rem; line-height: 1.25; font-weight: var(--bold); color: var(--neutral-500); text-transform: uppercase; margin-bottom: 1.5rem } .swl-checkout__box-row, .swl-checkout__box-total { display: flex; justify-content: space-between } .swl-checkout__box-row { padding: .5rem 0; border-bottom: .0625rem solid var(--neutral-200) } .swl-checkout__box-total { color: var(--neutral-700); margin: 2rem 0 0 } .swl-checkout__box-total > * { font-weight: 700; font-size: 1.125rem; line-height: 1.25 } .swl-checkout__box-value { color: var(--neutral-700) } .swl-checkout__box-error { margin-top: 1rem; background-color: var(--danger-bg); color: var(--danger); border-radius: var(--button-radius); padding: 1rem } .swl-checkout__box .swl-input-checkbox, .swl-checkout__box .swl-note { margin-top: 1.5rem } .swl-checkout__box .swl-button { margin-top: 1.5rem; width: 100% } .swl-convert-loading { display: flex; flex-direction: column; align-items: center; font-size: 1.25rem; line-height: 1.25; font-weight: 700; color: var(--neutral-600); gap: 1.5rem; justify-content: center } @media screen and (min-width: 500px) { .swl-convert-loading { flex-direction: row } } @media screen and (max-width: 920px) { .swl-page-clientslist .swl-dashboard-main, .swl-page-users .swl-dashboard-main { gap: 0 } .swl-page-clientslist .swl-heading-1, .swl-page-users .swl-heading-1 { display: none } } .swl-status-container { width: 100%; max-width: 53.125rem; margin: 0 auto } .swl-status-header { display: flex; flex-direction: column; gap: .5rem; margin-bottom: 1.5rem } .swl-status-date { color: var(--neutral-600); font-size: .875rem; line-height: 1.25; text-align: right } .swl-status-date__label { text-transform: uppercase; color: var(--neutral-500); font-weight: 700; font-size: .75rem; line-height: 1.4 } .swl-status-banner { font-size: 1.375rem; line-height: 1.25; font-weight: 700; grid-column: span 2; padding: 1.5rem 2rem; border-radius: var(--button-radius); color: var(--white); display: flex; align-items: center; gap: 1rem } .swl-status-banner::before { content: ""; font: normal normal normal 1.5rem/1 "icons"; color: inherit; flex-shrink: 0; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .swl-status-banner--on { background-color: var(--success) } .swl-status-banner--on::before { content: "\ea14" } .swl-status-banner--warning { background-color: var(--accent-600) } .swl-status-banner--warning::before { content: "\ea09" } .swl-status-banner--off { background-color: var(--danger) } .swl-status-banner--off::before { content: "\ea09" } .swl-status-timeline { margin: 1.5rem 0; margin-left: 1.5rem; display: flex; gap: .125rem } .swl-status-timeline__line { height: 1.25rem; border-radius: .125rem; display: flex; justify-content: flex-end; align-items: center; padding: 0 .5rem; color: var(--white); font-size: .75rem; line-height: 1.4 } .swl-status-timeline__line[data-value="1"] { width: 1% } .swl-status-timeline__line[data-value="2"] { width: 2% } .swl-status-timeline__line[data-value="3"] { width: 3% } .swl-status-timeline__line[data-value="4"] { width: 4% } .swl-status-timeline__line[data-value="5"] { width: 5% } .swl-status-timeline__line[data-value="6"] { width: 6% } .swl-status-timeline__line[data-value="7"] { width: 7% } .swl-status-timeline__line[data-value="8"] { width: 8% } .swl-status-timeline__line[data-value="9"] { width: 9% } .swl-status-timeline__line[data-value="10"] { width: 10% } .swl-status-timeline__line[data-value="11"] { width: 11% } .swl-status-timeline__line[data-value="12"] { width: 12% } .swl-status-timeline__line[data-value="13"] { width: 13% } .swl-status-timeline__line[data-value="14"] { width: 14% } .swl-status-timeline__line[data-value="15"] { width: 15% } .swl-status-timeline__line[data-value="16"] { width: 16% } .swl-status-timeline__line[data-value="17"] { width: 17% } .swl-status-timeline__line[data-value="18"] { width: 18% } .swl-status-timeline__line[data-value="19"] { width: 19% } .swl-status-timeline__line[data-value="20"] { width: 20% } .swl-status-timeline__line[data-value="21"] { width: 21% } .swl-status-timeline__line[data-value="22"] { width: 22% } .swl-status-timeline__line[data-value="23"] { width: 23% } .swl-status-timeline__line[data-value="24"] { width: 24% } .swl-status-timeline__line[data-value="25"] { width: 25% } .swl-status-timeline__line[data-value="26"] { width: 26% } .swl-status-timeline__line[data-value="27"] { width: 27% } .swl-status-timeline__line[data-value="28"] { width: 28% } .swl-status-timeline__line[data-value="29"] { width: 29% } .swl-status-timeline__line[data-value="30"] { width: 30% } .swl-status-timeline__line[data-value="31"] { width: 31% } .swl-status-timeline__line[data-value="32"] { width: 32% } .swl-status-timeline__line[data-value="33"] { width: 33% } .swl-status-timeline__line[data-value="34"] { width: 34% } .swl-status-timeline__line[data-value="35"] { width: 35% } .swl-status-timeline__line[data-value="36"] { width: 36% } .swl-status-timeline__line[data-value="37"] { width: 37% } .swl-status-timeline__line[data-value="38"] { width: 38% } .swl-status-timeline__line[data-value="39"] { width: 39% } .swl-status-timeline__line[data-value="40"] { width: 40% } .swl-status-timeline__line[data-value="41"] { width: 41% } .swl-status-timeline__line[data-value="42"] { width: 42% } .swl-status-timeline__line[data-value="43"] { width: 43% } .swl-status-timeline__line[data-value="44"] { width: 44% } .swl-status-timeline__line[data-value="45"] { width: 45% } .swl-status-timeline__line[data-value="46"] { width: 46% } .swl-status-timeline__line[data-value="47"] { width: 47% } .swl-status-timeline__line[data-value="48"] { width: 48% } .swl-status-timeline__line[data-value="49"] { width: 49% } .swl-status-timeline__line[data-value="50"] { width: 50% } .swl-status-timeline__line[data-value="51"] { width: 51% } .swl-status-timeline__line[data-value="52"] { width: 52% } .swl-status-timeline__line[data-value="53"] { width: 53% } .swl-status-timeline__line[data-value="54"] { width: 54% } .swl-status-timeline__line[data-value="55"] { width: 55% } .swl-status-timeline__line[data-value="56"] { width: 56% } .swl-status-timeline__line[data-value="57"] { width: 57% } .swl-status-timeline__line[data-value="58"] { width: 58% } .swl-status-timeline__line[data-value="59"] { width: 59% } .swl-status-timeline__line[data-value="60"] { width: 60% } .swl-status-timeline__line[data-value="61"] { width: 61% } .swl-status-timeline__line[data-value="62"] { width: 62% } .swl-status-timeline__line[data-value="63"] { width: 63% } .swl-status-timeline__line[data-value="64"] { width: 64% } .swl-status-timeline__line[data-value="65"] { width: 65% } .swl-status-timeline__line[data-value="66"] { width: 66% } .swl-status-timeline__line[data-value="67"] { width: 67% } .swl-status-timeline__line[data-value="68"] { width: 68% } .swl-status-timeline__line[data-value="69"] { width: 69% } .swl-status-timeline__line[data-value="70"] { width: 70% } .swl-status-timeline__line[data-value="71"] { width: 71% } .swl-status-timeline__line[data-value="72"] { width: 72% } .swl-status-timeline__line[data-value="73"] { width: 73% } .swl-status-timeline__line[data-value="74"] { width: 74% } .swl-status-timeline__line[data-value="75"] { width: 75% } .swl-status-timeline__line[data-value="76"] { width: 76% } .swl-status-timeline__line[data-value="77"] { width: 77% } .swl-status-timeline__line[data-value="78"] { width: 78% } .swl-status-timeline__line[data-value="79"] { width: 79% } .swl-status-timeline__line[data-value="80"] { width: 80% } .swl-status-timeline__line[data-value="81"] { width: 81% } .swl-status-timeline__line[data-value="82"] { width: 82% } .swl-status-timeline__line[data-value="83"] { width: 83% } .swl-status-timeline__line[data-value="84"] { width: 84% } .swl-status-timeline__line[data-value="85"] { width: 85% } .swl-status-timeline__line[data-value="86"] { width: 86% } .swl-status-timeline__line[data-value="87"] { width: 87% } .swl-status-timeline__line[data-value="88"] { width: 88% } .swl-status-timeline__line[data-value="89"] { width: 89% } .swl-status-timeline__line[data-value="90"] { width: 90% } .swl-status-timeline__line[data-value="91"] { width: 91% } .swl-status-timeline__line[data-value="92"] { width: 92% } .swl-status-timeline__line[data-value="93"] { width: 93% } .swl-status-timeline__line[data-value="94"] { width: 94% } .swl-status-timeline__line[data-value="95"] { width: 95% } .swl-status-timeline__line[data-value="96"] { width: 96% } .swl-status-timeline__line[data-value="97"] { width: 97% } .swl-status-timeline__line[data-value="98"] { width: 98% } .swl-status-timeline__line[data-value="99"] { width: 99% } .swl-status-timeline__line[data-value="100"] { width: 100% } .swl-status-timeline__line[data-value="0"] { display: none } .swl-status-timeline__line--on { background-color: var(--success) } .swl-status-timeline__line--off { background-color: var(--danger) } .swl-status-timeline__line--warning { background-color: var(--accent-600) } .swl-status-table { border: .0625rem solid var(--neutral-200); background-color: var(--white); border-radius: var(--button-radius); padding: 1.5rem } .swl-status-item { padding-top: 1rem } .swl-status-item:not(:last-child) { padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: .0625rem solid var(--neutral-200) } .swl-status-item__button { display: flex; align-items: center; gap: .5rem; width: 100%; flex-wrap: wrap; padding: 0 } .swl-status-item__button::before { content: "-"; display: flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; border: .0625rem solid var(--neutral-400); border-radius: .25rem; color: var(--neutral-500); font-weight: 500; font-size: 1rem } .swl-status-item__button.collapsed::before { content: "+" } .swl-status-item__name { font-weight: 700; white-space: nowrap; font-size: 1.25rem; line-height: 1.25; color: var(--neutral-700); flex: 1; text-align: left } .swl-status-item__collapse { margin-left: 1.5rem } .swl-status-item__child { display: flex; justify-content: space-between; margin: 1.5rem 0 } .swl-status-label { margin-left: .5rem } .swl-status-label--on { color: var(--success) } .swl-status-label--warning { color: var(--accent-700) } .swl-status-label--off { color: var(--danger) } .swlShow { display: flex } /*# sourceMappingURL=styles.min.css.map */ @font-face { font-family: "icons"; src: url("/Content/assets/fonts/icons.eot"); src: url("/Content/assets/fonts/icons.eot") format("embedded-opentype"),url("/Content/assets/fonts/icons.woff2") format("woff2"),url("/Content/assets/fonts/icons.woff") format("woff"),url("/Content/assets/fonts/icons.ttf") format("truetype"),url("/Content/assets/fonts/icons.svg") format("svg") } .icon { display: inline-block; font: normal normal normal 1em/1 "icons"; color: inherit; flex-shrink: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-sm { font-size: .8em } .icon-lg { font-size: 1.2em } .icon-16 { font-size: 16px } .icon-32 { font-size: 32px } .icon-is-spinning { animation: icon-spin 1s infinite linear } @keyframes icon-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .icon-rotate-90 { transform: rotate(90deg) } .icon-rotate-180 { transform: rotate(180deg) } .icon-rotate-270 { transform: rotate(270deg) } .icon-flip-y { transform: scaleY(-1) } .icon-flip-x { transform: scaleX(-1) } .icon-circle_check::before { content: "\ea02" } .icon-arrow-right::before { content: "\ea03" } .icon-arrow-left::before { content: "\ea04" } .icon-remodeling::before { content: "\ea05" } .icon-house::before { content: "\ea06" } .icon-fovissste::before { content: "\ea07" } .icon-construction::before { content: "\ea08" } .icon-warning::before { content: "\ea09" } .icon-shf::before { content: "\ea0a" } .icon-terrain::before { content: "\ea0b" } .icon-triangle::before { content: "\ea0c" } .icon-chevron-right::before { content: "\ea0d" } .icon-terrain-home::before { content: "\ea0e" } .icon-liquidity::before { content: "\ea0f" } .icon-improvement::before { content: "\ea10" } .icon-download::before { content: "\ea11" } .icon-help::before { content: "\ea12" } .icon-chevron-left::before { content: "\ea13" } .icon-check_small::before { content: "\ea14" } .icon-remove::before { content: "\ea15" } .icon-check::before { content: "\ea16" } .icon-whatsapp::before { content: "\ea18" } .icon-wallet::before { content: "\ea19" } .icon-users::before { content: "\ea1b" } .icon-settings::before { content: "\ea1c" } .icon-reports::before { content: "\ea1f" } .icon-prequalifier::before { content: "\ea20" } .icon-partners::before { content: "\ea21" } .icon-options::before { content: "\ea22" } .icon-logout::before { content: "\ea23" } .icon-home::before { content: "\ea24" } .icon-delete::before { content: "\ea27" } .icon-close::before { content: "\ea29" } .icon-api::before { content: "\ea2a" } .icon-add::before { content: "\ea2b" } .icon-view::before { content: "\ea2c" } .icon-search::before { content: "\ea2d" } .icon-download_small::before { content: "\ea30" } .icon-dashboard::before { content: "\ea31" } .icon-building::before { content: "\ea32" } .icon-score::before { content: "\ea33" } .icon-edit::before { content: "\ea34" } .icon-scroll::before { content: "\ea35" } .icon-lock::before { content: "\ea36" } .icon-add-user::before { content: "\ea38" } .icon-add-document::before { content: "\ea39" } .icon-reward::before { content: "\ea3a" } .icon-houses::before { content: "\ea3b" } .icon-transactions::before { content: "\ea3c" } .icon-support::before { content: "\ea3d" } .icon-personal-data::before { content: "\ea3e" } .icon-learn::before { content: "\ea3f" } .icon-notification::before { content: "\ea40" } .icon-payment::before { content: "\ea41" } .icon-profile::before { content: "\ea42" } .icon-vault::before { content: "\ea43" } .icon-filter::before { content: "\ea44" } .icon-warning_bold::before { content: "\ea45" } .icon-chat::before { content: "\ea46" } .icon-referral::before { content: "\ea47" } .icon-logo-linkedin::before { content: "\ea48" } .icon-send::before { content: "\ea49" } .icon-fingerprint::before { content: "\ea4a" } .icon-faceid::before { content: "\ea4b" } .icon-contactlist::before { content: "\ea4c" } .icon-sway::before { content: "\ea51" } .icon-movements::before { content: "\ea54" } .icon-withdraw::before { content: "\ea56" } .icon-points::before { content: "\ea57" } .icon-commissions::before { content: "\ea58" } .icon-conversion::before { content: "\ea59" } .icon-tutorial::before { content: "\ea5a" } .icon-link-generator::before { content: "\ea5b" } .icon-advanced-functions::before { content: "\ea5c" } .icon-ai-assistant::before { content: "\ea5d" } .icon-audio-off::before { content: "\ea5e" } .icon-microphone::before { content: "\ea5f" } .icon-audio-on::before { content: "\ea60" } .icon-more::before { content: "\ea62" } .icon-stop::before { content: "\ea63" } .icon-chevron-down::before { content: "\ea64" } .icon-chevron-up::before { content: "\ea65" } .icon-play::before { content: "\ea66" } .icon-pause::before { content: "\ea67" } /*# sourceMappingURL=icons.min.css.map */