/* Minification failed. Returning unminified contents. (4,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (117,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-12' (118,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-rgb' (118,56): run-time error CSS1039: Token not allowed after unary operator: '-alpha-80' (138,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (139,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (288,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-20' (295,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-16' (303,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-18' (311,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-18' (495,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-16' (498,17): run-time error CSS1039: Token not allowed after unary operator: '-alpha-80' (499,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (500,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (570,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (571,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (599,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (600,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (663,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary' (696,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-4' (719,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-light' (766,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-24' (774,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (775,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (779,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-22' (784,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-22' (789,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-28' (796,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-22' (803,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-22' (1023,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-2' (1128,26): run-time error CSS1039: Token not allowed after unary operator: '-border-primary' (1129,17): run-time error CSS1039: Token not allowed after unary operator: '-alpha-80' (1130,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (1131,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (1187,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-16' (1190,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (1197,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (1198,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (1231,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (1235,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark' (1244,17): run-time error CSS1039: Token not allowed after unary operator: '-alpha-80' (1268,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary' (1269,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-light' (1275,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-light' (1278,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark' (1331,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-full' (1332,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary' (1344,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (1345,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (1440,26): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (1441,26): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (1465,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary' (1494,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (1495,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (1548,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (1549,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (1618,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (1621,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (1629,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-6' (1646,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-6' (1647,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (1648,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (1668,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-6' (1673,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (1674,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (1724,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-24' (1726,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (1731,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-22' (1736,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-22' (1742,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-24' (1748,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-22' (1754,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-20' (1761,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (1771,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-18' (1777,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-16' (1783,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-15' (1795,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-16' (1796,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (1807,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (1808,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (1812,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-15' (1817,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-15' (1822,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-15' (1827,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-15' (1850,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-full' (1851,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary' (1862,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (1863,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (1904,26): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (1905,26): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (1919,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary' (1925,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-4' (1964,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (1965,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (1968,35): run-time error CSS1039: Token not allowed after unary operator: '-alpha-80' (1969,35): run-time error CSS1039: Token not allowed after unary operator: '-alpha-80' (1972,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (1973,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (2001,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-full' (2002,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary' (2013,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (2014,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (2055,26): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (2056,26): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (2070,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-10' (2124,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-4' (2134,73): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2134,93): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark' (2135,47): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2135,63): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark' (2202,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-18' (2208,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-16' (2213,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-15' (2227,33): run-time error CSS1039: Token not allowed after unary operator: '-border-primary' (2229,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (2230,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (2251,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2252,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2258,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2264,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2293,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-full' (2294,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (2295,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (2305,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-18' (2307,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (2308,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (2312,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-16' (2317,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-15' (2321,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-18' (2323,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (2329,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-20' (2334,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-16' (2339,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-15' (2343,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-20' (2348,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-16' (2353,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-15' (2357,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-20' (2362,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-16' (2367,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-15' (2373,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-4' (2374,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (2375,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (2378,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-20' (2379,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (2383,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-16' (2388,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-15' (2398,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-20' (2403,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-15' (2407,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-20' (2412,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-15' (2416,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-20' (2421,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-15' (2425,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2434,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2435,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2441,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2473,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-16' (2475,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (2479,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-15' (2492,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-4' (2497,28): run-time error CSS1039: Token not allowed after unary operator: '-border-primary' (2503,28): run-time error CSS1039: Token not allowed after unary operator: '-border-primary' (2530,28): run-time error CSS1039: Token not allowed after unary operator: '-border-primary' (2537,28): run-time error CSS1039: Token not allowed after unary operator: '-border-primary' (2545,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-14' (2550,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-14' (2559,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-16' (2561,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (2565,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-15' (2571,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-15' (2577,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-14' (2583,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-14' (2592,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary' (2691,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-4' (2696,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (2697,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (2711,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (2712,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (2741,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-22' (2751,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (2755,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (2756,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (2760,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-20' (2767,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-20' (2774,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-24' (2781,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-20' (2788,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-18' (2798,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2802,35): run-time error CSS1039: Token not allowed after unary operator: '-alpha-80' (2803,35): run-time error CSS1039: Token not allowed after unary operator: '-alpha-80' (2859,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-4' (2864,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (2865,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (2975,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-18' (2985,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (2989,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (2990,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (2994,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-16' (3001,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-16' (3008,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-18' (3015,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-18' (3022,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-16' (3063,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (3064,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (3094,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (3098,35): run-time error CSS1039: Token not allowed after unary operator: '-alpha-80' (3099,35): run-time error CSS1039: Token not allowed after unary operator: '-alpha-80' (3154,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-4' (3172,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-14' (3173,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (3181,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-14' (3188,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary' (3249,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-4' (3272,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-4' (3289,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (3290,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (3301,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-full' (3344,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (3345,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (3359,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (3360,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (3432,33): run-time error CSS1039: Token not allowed after unary operator: '-border-primary' (3478,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (3493,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-4' (3498,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-4' (3510,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (3511,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (3537,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-full' (3573,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (3574,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (3635,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-20' (3637,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (3647,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (3648,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (3652,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-18' (3657,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-22' (3663,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-20' (3669,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-18' (3695,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-4' (3810,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-12' (3815,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (3816,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (3833,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (3834,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (3837,35): run-time error CSS1039: Token not allowed after unary operator: '-alpha-80' (3838,35): run-time error CSS1039: Token not allowed after unary operator: '-alpha-80' (3951,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-light' (3962,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (3963,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (3966,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-light' (3986,14): run-time error CSS1039: Token not allowed after unary operator: '-primary-light' (3989,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark' (4008,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-14' (4014,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-13' (4029,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-16' (4125,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-40' (4127,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text' (4133,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-38' (4138,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-32' (4143,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-38' (4148,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-36' (4167,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-6' (4168,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (4224,26): run-time error CSS1039: Token not allowed after unary operator: '-border-primary' (4225,26): run-time error CSS1039: Token not allowed after unary operator: '-border-primary' (4232,14): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (4239,26): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (4240,26): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (4253,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-16' (4259,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-4' (4260,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (4261,26): run-time error CSS1039: Token not allowed after unary operator: '-border-primary' (4264,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (4265,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (4269,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-15' (4275,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-14' (4291,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-14' (4295,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (4299,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (4302,14): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (4318,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-14' (4325,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (4328,14): run-time error CSS1039: Token not allowed after unary operator: '-color-text' (4335,14): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (4336,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (4337,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (4346,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-4' (4366,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (4367,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (4461,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (4462,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (4471,14): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (4481,14): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (4502,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (4503,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (4510,14): run-time error CSS1039: Token not allowed after unary operator: '-primary' (4530,14): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (4537,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-13' (4540,26): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (4543,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-4' (4547,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (4548,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (4587,26): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (4590,27): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (4604,58): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (4610,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-4' (4631,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-4' (4649,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (4656,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (4657,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-base' (4662,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (4674,20): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,165): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (4674,204): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (4674,265): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,335): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y' (4674,378): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (4674,421): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (4674,535): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (4674,578): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (4674,614): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y' (4674,1692): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,1719): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,1752): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,1785): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,1817): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,1849): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,1879): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,1909): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,1941): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,1973): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,2003): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,9415): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,9448): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,9481): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,9520): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,9559): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,9597): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,9635): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,9671): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,9707): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,9745): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,9783): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,9819): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,17678): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,17711): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,17744): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,17783): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,17822): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,17860): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,17898): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,17934): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,17970): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,18008): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,18046): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,18082): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,25955): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,25988): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,26021): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,26060): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,26099): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,26137): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,26175): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,26211): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,26247): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,26285): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,26323): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,26359): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,34248): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,34281): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,34314): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,34353): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,34392): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,34430): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,34468): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,34504): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,34540): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,34578): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,34616): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,34652): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,42591): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,42626): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,42661): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,42702): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,42743): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,42783): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,42823): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,42861): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,42899): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,42939): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,42979): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,43017): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' */ @charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap"); :root { --primary: #004ba0; --primary-light: #cbddff; --primary-dark: #123760; --primary-dark-rgb: 18, 55, 96; --secondary: #ff7a00; --text-primary: #2e2e2e; --text-secondary: #666666; --bg-primary: #f7f7f7; --bg-secondary: #f2f7ff; --border-primary: #dddddd; --fs-13: 0.8125rem; --fs-14: 0.875rem; --fs-15: 0.9375rem; --fs-16: 1rem; --fs-18: 1.125rem; --fs-20: 1.25rem; --fs-22: 1.375rem; --fs-24: 1.5rem; --fs-28: 1.75rem; --fs-32: 2rem; --fs-36: 2.25rem; --fs-38: 2.375rem; --fs-40: 2.5rem; --radius-4: 4px; --radius-6: 6px; --radius-10: 10px; --radius-12: 12px; --radius-full: 50%; --alpha-80: 0.8; --transition-base: all 0.4s ease-in-out; } @-webkit-keyframes skeleton-loading { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } @keyframes skeleton-loading { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } @-webkit-keyframes skeleton-shimmer { 0% { left: -100%; } 100% { left: 100%; } } @keyframes skeleton-shimmer { 0% { left: -100%; } 100% { left: 100%; } } /*============================================= = Header = =============================================*/ header { width: 100%; position: fixed; top: 20px; left: 50%; z-index: 101; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (min-width: 768px) and (max-width: 991px) { header { top: 10px; } header .container { max-width: 100%; margin-left: auto; margin-right: auto; } } @media (min-width: 576px) and (max-width: 767px) { header { top: 1%; } header .container { max-width: 100%; margin-left: auto; margin-right: auto; } } @media (max-width: 575px) { header { top: 1%; } header .container { max-width: 100%; margin-left: auto; margin-right: auto; } } header .navbar-wrapper { width: 100%; height: 63px; position: relative; left: 50%; padding: 8px 10px; border-radius: var(--radius-12); background-color: rgba(var(--primary-dark-rgb), var(--alpha-80)); -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.18); color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateX(-50%) translateZ(0); transform: translateX(-50%) translateZ(0); will-change: height, transform; overflow: hidden; -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (min-width: 768px) and (max-width: 991px) { header .navbar-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 101%; padding: 0; } } @media (min-width: 576px) and (max-width: 767px) { header .navbar-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 101%; height: 62px; padding: 0; } } @media (max-width: 575px) { header .navbar-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 101%; height: 62px; padding: 0; } } header .navbar-wrapper.active { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } header .navbar-wrapper.active nav.navbar { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; height: 100%; margin: 6px 0 12px; padding-right: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } header .navbar-wrapper.active nav.navbar ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } header .navbar-wrapper.active nav.navbar li { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 6px; } header .navbar-wrapper.active nav.navbar li:last-child { margin-bottom: 0; } header .navbar-brand { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; padding: 10px 0px 10px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 992px) and (max-width: 1199px) { header .navbar-brand { padding: 10px 0px 10px 5px; } } @media (min-width: 768px) and (max-width: 991px) { header .navbar-brand { width: 100%; padding: 8px 0px 0 15px; } } @media (min-width: 576px) and (max-width: 767px) { header .navbar-brand { width: 100%; padding: 8px 0px 0 15px; } } @media (max-width: 575px) { header .navbar-brand { width: 100%; padding: 8px 0px 0 2%; } } header .navbar-brand a.logo { width: 84px; height: auto; margin: 0 10px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 992px) and (max-width: 1199px) { header .navbar-brand a.logo { width: 74px; } } @media (min-width: 768px) and (max-width: 991px) { header .navbar-brand a.logo { width: 74px; } } @media (min-width: 576px) and (max-width: 767px) { header .navbar-brand a.logo { width: 76px; } } @media (max-width: 575px) { header .navbar-brand a.logo { width: 16vmin; margin: 0 2% 0 0; } } header .navbar-brand h2.navbar-title { margin: 0; padding-left: 10px; font-size: var(--fs-20); font-weight: 400; border-left: 1px solid #fff; display: inline-block; } @media (min-width: 992px) and (max-width: 1199px) { header .navbar-brand h2.navbar-title { font-size: var(--fs-16); } } @media (min-width: 768px) and (max-width: 991px) { header .navbar-brand h2.navbar-title { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: var(--fs-18); } } @media (min-width: 576px) and (max-width: 767px) { header .navbar-brand h2.navbar-title { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: var(--fs-18); } } @media (max-width: 575px) { header .navbar-brand h2.navbar-title { padding-left: 2%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: clamp(0.8125rem, 4.5vw, 1.125rem); } } header .navbar-brand button#navbar-toggle { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 50px; height: 44px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: center; background-color: transparent; border: none; padding: 0; position: relative; } @media (min-width: 768px) and (max-width: 991px) { header .navbar-brand button#navbar-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; } } @media (min-width: 576px) and (max-width: 767px) { header .navbar-brand button#navbar-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; } } @media (max-width: 575px) { header .navbar-brand button#navbar-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; } } header .navbar-brand button#navbar-toggle .hamburger { position: relative; width: 24px; height: 18px; -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); will-change: transform; z-index: 2; -webkit-transition: opacity 0.3s ease, -webkit-transform 0.5s ease; transition: opacity 0.3s ease, -webkit-transform 0.5s ease; transition: transform 0.5s ease, opacity 0.3s ease; transition: transform 0.5s ease, opacity 0.3s ease, -webkit-transform 0.5s ease; } header .navbar-brand button#navbar-toggle .hamburger span.line { position: absolute; left: 50%; width: 100%; height: 2px; background: rgb(255, 255, 255); -webkit-transition: opacity 0.25s, -webkit-transform 0.5s; transition: opacity 0.25s, -webkit-transform 0.5s; transition: transform 0.5s, opacity 0.25s; transition: transform 0.5s, opacity 0.25s, -webkit-transform 0.5s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); will-change: normal; } header .navbar-brand button#navbar-toggle .hamburger span.line:first-child { top: 10%; } header .navbar-brand button#navbar-toggle .hamburger span.line:nth-child(2) { top: 50%; } header .navbar-brand button#navbar-toggle .hamburger span.line:nth-child(3) { top: 90%; } header .navbar-brand button#navbar-toggle.active .hamburger { -webkit-transform: translateY(0) rotate(180deg); transform: translateY(0) rotate(180deg); } header .navbar-brand button#navbar-toggle.active .hamburger span.line:first-child { top: 50%; -webkit-transform: translate(-50%) rotate(-45deg); transform: translate(-50%) rotate(-45deg); } header .navbar-brand button#navbar-toggle.active .hamburger span.line:nth-child(2) { top: 50%; opacity: 0; -webkit-transform: translate(-50%); transform: translate(-50%); } header .navbar-brand button#navbar-toggle.active .hamburger span.line:nth-child(3) { top: 50%; -webkit-transform: translate(-50%) rotate(45deg); transform: translate(-50%) rotate(45deg); } header nav.navbar { -webkit-box-flex: 0; -ms-flex: 0 0 55%; flex: 0 0 55%; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 768px) and (max-width: 991px) { header nav.navbar { display: none; } } @media (min-width: 576px) and (max-width: 767px) { header nav.navbar { display: none; } } @media (max-width: 575px) { header nav.navbar { display: none; } } header nav.navbar ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } header nav.navbar li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 768px) and (max-width: 991px) { header nav.navbar li { width: 100%; } } @media (min-width: 576px) and (max-width: 767px) { header nav.navbar li { width: 100%; } } @media (max-width: 575px) { header nav.navbar li { width: 100%; } } header nav.navbar a { display: inline-block; width: 100%; position: relative; padding: 4px 15px 6px; font-size: var(--fs-16); font-weight: 400; color: #fff; opacity: var(--alpha-80); -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (min-width: 992px) and (max-width: 1199px) { header nav.navbar a { padding: 6px 8px 6px; } } @media (min-width: 768px) and (max-width: 991px) { header nav.navbar a { padding: 10px 15px 10px; } } @media (min-width: 576px) and (max-width: 767px) { header nav.navbar a { padding: 10px 15px 10px; } } @media (max-width: 575px) { header nav.navbar a { padding: 10px 15px 10px; font-size: clamp(1rem, 4.8vw, 1.125rem); } } header nav.navbar a:hover { opacity: 1; color: #fff; text-shadow: 0 0 5px #fff; } header nav.navbar a.current { opacity: 1; color: #fff; } @media (min-width: 768px) and (max-width: 991px) { header nav.navbar a.current { background-color: rgba(0, 0, 0, 0.3); } } @media (min-width: 576px) and (max-width: 767px) { header nav.navbar a.current { background-color: rgba(0, 0, 0, 0.3); } } @media (max-width: 575px) { header nav.navbar a.current { background-color: rgba(0, 0, 0, 0.3); } } header nav.navbar a.current::before { width: calc(100% - 30px); } @media (min-width: 992px) and (max-width: 1199px) { header nav.navbar a.current::before { width: calc(100% - 20px); } } header nav.navbar a.current:hover { opacity: 1; color: #fff; text-shadow: none; } header nav.navbar a::before { content: ""; position: absolute; bottom: 2px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 2px; background-color: #fff; -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (min-width: 768px) and (max-width: 991px) { header nav.navbar a::before { content: none; } } @media (min-width: 576px) and (max-width: 767px) { header nav.navbar a::before { content: none; } } @media (max-width: 575px) { header nav.navbar a::before { content: none; } } .navbar-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: 100; opacity: 0; pointer-events: none; -webkit-transition: var(--transition-base); transition: var(--transition-base); } .navbar-overlay.show { opacity: 1; pointer-events: auto; } /*============================================= = kv = =============================================*/ #kv { width: 100%; height: 505px; padding: 0; } @media (min-width: 768px) and (max-width: 991px) { #kv { height: 325px; } } @media (min-width: 576px) and (max-width: 767px) { #kv { height: 325px; } } @media (max-width: 575px) { #kv { height: 325px; } } #kv picture { max-width: 100%; overflow: hidden; display: block; width: 100%; height: auto; } #kv picture img { display: block; width: 100%; height: 505px; } @media (min-width: 768px) and (max-width: 991px) { #kv picture img { height: 325px; } } @media (min-width: 576px) and (max-width: 767px) { #kv picture img { height: 325px; } } @media (max-width: 575px) { #kv picture img { height: 325px; } } /*============================================= = Intro = =============================================*/ #intro { padding: 40px 70px 0; background-color: var(--bg-primary); } #intro picture { aspect-ratio: 16 / 9; } @media (min-width: 1200px) and (max-width: 1399px) { #intro { padding: 40px 0 0; } } @media (min-width: 992px) and (max-width: 1199px) { #intro { padding: 30px 0 0; } } @media (min-width: 768px) and (max-width: 991px) { #intro { padding: 30px 0 0; } } @media (min-width: 576px) and (max-width: 767px) { #intro { padding: 30px 0 0; } } @media (max-width: 575px) { #intro { padding: 15px 0 0; } } #intro .intro-swiper { display: block; position: relative; border-radius: var(--radius-4); overflow: hidden; padding-bottom: 35px; } @media (min-width: 768px) and (max-width: 991px) { #intro .intro-swiper { padding-bottom: 0; } } @media (min-width: 576px) and (max-width: 767px) { #intro .intro-swiper { padding-bottom: 0; } } @media (max-width: 575px) { #intro .intro-swiper { padding-bottom: 0; } } #intro .intro-swiper a { background-color: transparent; } #intro .intro-swiper a:hover h3.title { color: var(--primary-light); } #intro .intro-swiper a::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0))); background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%); opacity: 0.9; } #intro .intro-swiper a .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.2; } #intro .intro-swiper a .slide-info { position: absolute; bottom: 0; left: 0; width: 100%; padding: 50px 20px 25px; } @media (min-width: 768px) and (max-width: 991px) { #intro .intro-swiper a .slide-info { padding: 50px 20px 40px; } } @media (min-width: 576px) and (max-width: 767px) { #intro .intro-swiper a .slide-info { padding: 25px 15px 25px; } } @media (max-width: 575px) { #intro .intro-swiper a .slide-info { padding: 25px 15px 25px; } } #intro .intro-swiper a h3.title { position: relative; color: #fff; font-size: var(--fs-24); font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (min-width: 1200px) and (max-width: 1399px) { #intro .intro-swiper a h3.title { font-size: var(--fs-22); } } @media (min-width: 992px) and (max-width: 1199px) { #intro .intro-swiper a h3.title { font-size: var(--fs-22); } } @media (min-width: 768px) and (max-width: 991px) { #intro .intro-swiper a h3.title { font-size: var(--fs-28); -webkit-line-clamp: 2; line-clamp: 2; } } @media (min-width: 576px) and (max-width: 767px) { #intro .intro-swiper a h3.title { font-size: var(--fs-22); -webkit-line-clamp: 2; line-clamp: 2; } } @media (max-width: 575px) { #intro .intro-swiper a h3.title { font-size: var(--fs-22); -webkit-line-clamp: 2; line-clamp: 2; } } #intro .intro-swiper .intro-button { position: absolute; top: 0; width: 30px; height: calc(100% - 35px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2; } #intro .intro-swiper .intro-button:hover { cursor: pointer; } #intro .intro-swiper .intro-button:hover.intro-button-next span.next { opacity: 1; background-position: left bottom; } #intro .intro-swiper .intro-button:hover.intro-button-prev span.prev { opacity: 1; background-position: right bottom; } #intro .intro-swiper .intro-button span.arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 18px; height: 36px; background-image: url('/Content/images/icon/project/icon-button-intro.svg'); background-repeat: no-repeat; background-size: 37px 72px; -webkit-filter: drop-shadow(0px 0px 8px rgb(0, 0, 0)); filter: drop-shadow(0px 0px 8px rgb(0, 0, 0)); opacity: 0.3; } @media (min-width: 576px) and (max-width: 767px) { #intro .intro-swiper .intro-button span.arrow { width: 9px; height: 18px; background-size: 18.5px 36px; } } @media (max-width: 575px) { #intro .intro-swiper .intro-button span.arrow { width: 9px; height: 18px; background-size: 18.5px 36px; } } #intro .intro-swiper .intro-button.intro-button-next { right: 0px; } #intro .intro-swiper .intro-button.intro-button-next span.next { background-position: left top; } #intro .intro-swiper .intro-button.intro-button-prev { left: 0px; } #intro .intro-swiper .intro-button.intro-button-prev span.prev { background-position: right top; } #intro .single-video { display: block; max-width: 90%; margin: 0 auto; } @media (min-width: 1200px) and (max-width: 1399px) { #intro .single-video { max-width: 88%; } } @media (min-width: 992px) and (max-width: 1199px) { #intro .single-video { max-width: 88%; } } @media (min-width: 768px) and (max-width: 991px) { #intro .single-video { max-width: 100%; } } @media (min-width: 576px) and (max-width: 767px) { #intro .single-video { max-width: 100%; } } @media (max-width: 575px) { #intro .single-video { max-width: 100%; } } #intro .single-video .intro-video { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; } #intro .single-video .intro-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } #intro .multiple-videos { display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0 5px; position: relative; } @media (min-width: 992px) and (max-width: 1199px) { #intro .multiple-videos { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 50px; } } @media (min-width: 768px) and (max-width: 991px) { #intro .multiple-videos { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 100px; } } @media (min-width: 576px) and (max-width: 767px) { #intro .multiple-videos { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 100px; } } @media (max-width: 575px) { #intro .multiple-videos { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 100px; } } #intro .multiple-videos .main-video-wrapper { width: 856px; aspect-ratio: 16/9; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 5px; } @media (min-width: 1200px) and (max-width: 1399px) { #intro .multiple-videos .main-video-wrapper { width: 746px; } } @media (min-width: 992px) and (max-width: 1199px) { #intro .multiple-videos .main-video-wrapper { width: 90%; margin: 0 auto; } } @media (min-width: 768px) and (max-width: 991px) { #intro .multiple-videos .main-video-wrapper { width: 100%; margin: 0 auto; } } @media (min-width: 576px) and (max-width: 767px) { #intro .multiple-videos .main-video-wrapper { width: 100%; margin: 0 auto; } } @media (max-width: 575px) { #intro .multiple-videos .main-video-wrapper { width: 100%; margin: 0 auto; } } #intro .multiple-videos .main-video-wrapper iframe { width: 100%; height: 100%; border-radius: var(--radius-2); } #intro .multiple-videos .thumbs-wrapper { position: relative; width: calc(100% - 856px - 20px); height: 416px; overflow: hidden; margin: 0 5px; } @media (min-width: 1200px) and (max-width: 1399px) { #intro .multiple-videos .thumbs-wrapper { width: calc(100% - 746px - 20px); height: 350px; } } @media (min-width: 992px) and (max-width: 1199px) { #intro .multiple-videos .thumbs-wrapper { width: 90%; height: auto; margin-top: 10px; } } @media (min-width: 768px) and (max-width: 991px) { #intro .multiple-videos .thumbs-wrapper { width: 100%; height: auto; margin-top: 10px; } } @media (min-width: 576px) and (max-width: 767px) { #intro .multiple-videos .thumbs-wrapper { width: 100%; height: auto; margin-top: 10px; } } @media (max-width: 575px) { #intro .multiple-videos .thumbs-wrapper { width: 100%; height: auto; margin-top: 10px; } } #intro .multiple-videos .thumbs-wrapper .thumbs-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; scroll-behavior: auto; } @media (min-width: 992px) and (max-width: 1199px) { #intro .multiple-videos .thumbs-wrapper .thumbs-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 768px) and (max-width: 991px) { #intro .multiple-videos .thumbs-wrapper .thumbs-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 576px) and (max-width: 767px) { #intro .multiple-videos .thumbs-wrapper .thumbs-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (max-width: 575px) { #intro .multiple-videos .thumbs-wrapper .thumbs-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } #intro .multiple-videos .thumbs-wrapper .thumb-slide { cursor: pointer; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; height: 133px; background-color: #fff; border: 1px solid var(--border-primary); opacity: var(--alpha-80); -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (min-width: 1200px) and (max-width: 1399px) { #intro .multiple-videos .thumbs-wrapper .thumb-slide { height: 111px; } } @media (min-width: 992px) and (max-width: 1199px) { #intro .multiple-videos .thumbs-wrapper .thumb-slide { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.333% - 6px); flex: 0 0 calc(33.333% - 6px); } } @media (min-width: 768px) and (max-width: 991px) { #intro .multiple-videos .thumbs-wrapper .thumb-slide { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 4px); flex: 0 0 calc(50% - 4px); } } @media (min-width: 576px) and (max-width: 767px) { #intro .multiple-videos .thumbs-wrapper .thumb-slide { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 4px); flex: 0 0 calc(50% - 4px); } } @media (max-width: 575px) { #intro .multiple-videos .thumbs-wrapper .thumb-slide { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 4px); flex: 0 0 calc(50% - 4px); } } #intro .multiple-videos .thumbs-wrapper .thumb-slide p { font-size: var(--fs-16); padding-left: 10px; font-weight: 400; color: var(--text-primary); display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (min-width: 992px) and (max-width: 1199px) { #intro .multiple-videos .thumbs-wrapper .thumb-slide p { padding: 0; margin: 10px 10px 0; } } @media (min-width: 768px) and (max-width: 991px) { #intro .multiple-videos .thumbs-wrapper .thumb-slide p { padding: 0; margin: 10px 0 10px; line-clamp: 2; -webkit-line-clamp: 2; } } @media (min-width: 576px) and (max-width: 767px) { #intro .multiple-videos .thumbs-wrapper .thumb-slide p { padding: 0; margin: 10px 0 10px; line-clamp: 2; -webkit-line-clamp: 2; } } @media (max-width: 575px) { #intro .multiple-videos .thumbs-wrapper .thumb-slide p { padding: 0; margin: 10px 0 10px; line-clamp: 2; -webkit-line-clamp: 2; } } #intro .multiple-videos .thumbs-wrapper .thumb-slide:hover, #intro .multiple-videos .thumbs-wrapper .thumb-slide:active { border: 1px solid var(--primary); opacity: 1; } #intro .multiple-videos .thumbs-wrapper .thumb-slide:hover p, #intro .multiple-videos .thumbs-wrapper .thumb-slide:active p { color: var(--primary-dark); } #intro .multiple-videos .thumbs-wrapper .thumb-slide img.thumb-img { width: 50%; height: auto; aspect-ratio: 16/9; -o-object-fit: cover; object-fit: cover; position: relative; opacity: var(--alpha-80); } @media (min-width: 992px) and (max-width: 1199px) { #intro .multiple-videos .thumbs-wrapper .thumb-slide img.thumb-img { width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { #intro .multiple-videos .thumbs-wrapper .thumb-slide img.thumb-img { width: 100%; } } @media (min-width: 576px) and (max-width: 767px) { #intro .multiple-videos .thumbs-wrapper .thumb-slide img.thumb-img { width: 100%; } } @media (max-width: 575px) { #intro .multiple-videos .thumbs-wrapper .thumb-slide img.thumb-img { width: 100%; } } #intro .multiple-videos .thumbs-wrapper .thumb-slide.active { opacity: 1; background-color: var(--bg-secondary); border: 1px solid var(--primary-light); cursor: default; pointer-events: none; } #intro .multiple-videos .thumbs-wrapper .thumb-slide.active:hover, #intro .multiple-videos .thumbs-wrapper .thumb-slide.active:active { cursor: default; border: 1px solid var(--primary-light); } #intro .multiple-videos .thumbs-wrapper .thumb-slide.active p { color: var(--primary-dark); } #intro .multiple-videos .thumbs-wrapper .thumb-slide.active img.thumb-img { opacity: 1; } #intro .multiple-videos .thumbs-buttons-wrapper { position: absolute; bottom: 0px; right: 0px; width: calc(100% - 856px - 20px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; } @media (min-width: 1200px) and (max-width: 1399px) { #intro .multiple-videos .thumbs-buttons-wrapper { width: calc(100% - 746px - 20px); } } @media (min-width: 992px) and (max-width: 1199px) { #intro .multiple-videos .thumbs-buttons-wrapper { bottom: -80px; width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { #intro .multiple-videos .thumbs-buttons-wrapper { bottom: -80px; width: 100%; } } @media (min-width: 576px) and (max-width: 767px) { #intro .multiple-videos .thumbs-buttons-wrapper { bottom: -80px; width: 100%; } } @media (max-width: 575px) { #intro .multiple-videos .thumbs-buttons-wrapper { bottom: -80px; width: 100%; } } #intro .multiple-videos .thumbs-buttons-wrapper .thumbs-button { width: 50px; height: 50px; border-radius: var(--radius-full); background-color: var(--bg-primary); border: 1px solid #cdcdcd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: var(--transition-base); transition: var(--transition-base); } #intro .multiple-videos .thumbs-buttons-wrapper .thumbs-button span.arrow { width: 9px; height: 17px; background-image: url('/Content/images/icon/project/icon-button-arrow.svg'); background-repeat: no-repeat; background-size: 18px 34px; pointer-events: none; } #intro .multiple-videos .thumbs-buttons-wrapper .thumbs-button.thumbs-button-prev { position: relative; margin-right: 10px; } #intro .multiple-videos .thumbs-buttons-wrapper .thumbs-button.thumbs-button-prev::after { content: ""; position: absolute; top: 24px; left: -100px; width: 80px; height: 1px; background-color: #cdcdcd; } #intro .multiple-videos .thumbs-buttons-wrapper .thumbs-button.thumbs-button-prev span.prev { background-position: right top; -webkit-transform: rotate(90deg); transform: rotate(90deg); } @media (min-width: 992px) and (max-width: 1199px) { #intro .multiple-videos .thumbs-buttons-wrapper .thumbs-button.thumbs-button-prev span.prev { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @media (min-width: 768px) and (max-width: 991px) { #intro .multiple-videos .thumbs-buttons-wrapper .thumbs-button.thumbs-button-prev span.prev { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @media (min-width: 576px) and (max-width: 767px) { #intro .multiple-videos .thumbs-buttons-wrapper .thumbs-button.thumbs-button-prev span.prev { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @media (max-width: 575px) { #intro .multiple-videos .thumbs-buttons-wrapper .thumbs-button.thumbs-button-prev span.prev { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } #intro .multiple-videos .thumbs-buttons-wrapper .thumbs-button.thumbs-button-next { position: relative; margin-left: 10px; } #intro .multiple-videos .thumbs-buttons-wrapper .thumbs-button.thumbs-button-next::after { content: ""; position: absolute; top: 24px; left: 65px; width: 80px; height: 1px; background-color: #cdcdcd; } #intro .multiple-videos .thumbs-buttons-wrapper .thumbs-button.thumbs-button-next span.next { background-position: left top; -webkit-transform: rotate(90deg); transform: rotate(90deg); } @media (min-width: 992px) and (max-width: 1199px) { #intro .multiple-videos .thumbs-buttons-wrapper .thumbs-button.thumbs-button-next span.next { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @media (min-width: 768px) and (max-width: 991px) { #intro .multiple-videos .thumbs-buttons-wrapper .thumbs-button.thumbs-button-next span.next { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @media (min-width: 576px) and (max-width: 767px) { #intro .multiple-videos .thumbs-buttons-wrapper .thumbs-button.thumbs-button-next span.next { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @media (max-width: 575px) { #intro .multiple-videos .thumbs-buttons-wrapper .thumbs-button.thumbs-button-next span.next { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } #intro .multiple-videos .thumbs-buttons-wrapper .thumbs-button:hover:not(.disabled) { background-color: var(--text-secondary); border: 1px solid var(--text-secondary); } #intro .multiple-videos .thumbs-buttons-wrapper .thumbs-button:hover:not(.disabled) span.next { background-position: left bottom; } #intro .multiple-videos .thumbs-buttons-wrapper .thumbs-button:hover:not(.disabled) span.prev { background-position: right bottom; } #intro .multiple-videos .thumbs-buttons-wrapper .thumbs-button.disabled { border: 1px solid rgba(205, 205, 205, 0.5); background-color: rgba(205, 205, 205, 0.3); pointer-events: none; cursor: not-allowed; } #intro .multiple-videos .thumbs-buttons-wrapper .thumbs-button.disabled span.arrow { opacity: 0.4; } /*============================================= = Ad = =============================================*/ .ad-block { position: relative; padding: 40px 0 40px; background-color: var(--bg-primary); } @media (min-width: 992px) and (max-width: 1199px) { .ad-block { padding: 30px 0 30px; } } @media (min-width: 768px) and (max-width: 991px) { .ad-block { padding: 30px 0 30px; } } @media (min-width: 576px) and (max-width: 767px) { .ad-block { padding: 30px 0 30px; } } @media (max-width: 575px) { .ad-block { padding: 20px 0 20px; } } .ad-block a { display: inline-block; width: auto; padding: 0; margin: 0 auto; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 0 rgba(0, 0, 0, 0.15); -webkit-transition: var(--transition-base); transition: var(--transition-base); } .ad-block a:hover { -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); } /*============================================= = Introduce = =============================================*/ #introduce { padding: 50px 0 50px; } @media (min-width: 992px) and (max-width: 1199px) { #introduce { padding: 40px 0 40px; } } @media (min-width: 768px) and (max-width: 991px) { #introduce { padding: 35px 0 35px; } } @media (min-width: 576px) and (max-width: 767px) { #introduce { padding: 35px 0 35px; } } @media (max-width: 575px) { #introduce { padding: 30px 0 30px; } } #introduce .card-swiper { padding: 0 20px 218px; } @media (min-width: 576px) and (max-width: 767px) { #introduce .card-swiper { padding: 0 6px 55px; } } @media (max-width: 575px) { #introduce .card-swiper { padding: 0 6px 50px; } } #introduce .swiper-slide { position: relative; margin-bottom: 30px; } #introduce a.card { position: relative; padding: 0 0 75px; -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (min-width: 576px) and (max-width: 767px) { #introduce a.card { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #introduce a.card:hover .card-info { padding: 16px 14px 16px; } } @media (max-width: 575px) { #introduce a.card { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #introduce a.card:hover .card-info { padding: 16px 14px 16px; } } #introduce a.card:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } #introduce a.card:hover .card-info { -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07); padding-bottom: 40px; } @media (min-width: 768px) and (max-width: 991px) { #introduce a.card:hover .card-info { padding-bottom: 30px; } } @media (min-width: 576px) and (max-width: 767px) { #introduce a.card:hover .card-info { padding: 20px 14px 20px; } } @media (max-width: 575px) { #introduce a.card:hover .card-info { padding: 20px 14px 20px; } } #introduce a.card:hover .card-info h5.card-name { color: var(--primary); } #introduce a.card:hover .card-info p.card-desc { color: var(--text-primary); text-decoration: underline; } #introduce .card-image { position: relative; aspect-ratio: 306/322; overflow: hidden; margin-bottom: 0; border-radius: var(--radius-6); } @media (min-width: 576px) and (max-width: 767px) { #introduce .card-image { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } @media (max-width: 575px) { #introduce .card-image { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } #introduce img { width: 100%; height: 100%; border-radius: var(--radius-6); -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (min-width: 576px) and (max-width: 767px) { #introduce img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } @media (max-width: 575px) { #introduce img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } #introduce .card-info { position: absolute; left: 16px; right: 16px; bottom: -125px; padding: 20px 15px 25px; border-radius: var(--radius-6); text-align: center; background-color: #fff; -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0); box-shadow: 0 5px 30px rgba(0, 0, 0, 0); -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (min-width: 1200px) and (max-width: 1399px) { #introduce .card-info { padding: 15px 10px 20px; left: 13px; right: 13px; } } @media (min-width: 992px) and (max-width: 1199px) { #introduce .card-info { padding: 15px 10px 20px; left: 13px; right: 13px; } } @media (min-width: 768px) and (max-width: 991px) { #introduce .card-info { padding: 20px 15px 20px; left: 15px; right: 15px; } } @media (min-width: 576px) and (max-width: 767px) { #introduce .card-info { position: relative; bottom: 0; padding: 20px 14px 20px; left: 0px; right: 0px; -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.07); box-shadow: 0 0px 5px rgba(0, 0, 0, 0.07); border-top-left-radius: 0; border-top-right-radius: 0; } } @media (max-width: 575px) { #introduce .card-info { position: relative; bottom: 0; padding: 20px 14px 20px; left: 0px; right: 0px; -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.07); box-shadow: 0 0px 5px rgba(0, 0, 0, 0.07); border-top-left-radius: 0; border-top-right-radius: 0; } } #introduce .card-info h5.card-name { font-size: var(--fs-24); font-weight: 500; color: var(--text-primary); margin-bottom: 15px; } @media (min-width: 1200px) and (max-width: 1399px) { #introduce .card-info h5.card-name { font-size: var(--fs-22); } } @media (min-width: 992px) and (max-width: 1199px) { #introduce .card-info h5.card-name { font-size: var(--fs-22); margin-bottom: 10px; } } @media (min-width: 768px) and (max-width: 991px) { #introduce .card-info h5.card-name { font-size: var(--fs-24); margin-bottom: 10px; } } @media (min-width: 576px) and (max-width: 767px) { #introduce .card-info h5.card-name { font-size: var(--fs-22); margin-bottom: 10px; } } @media (max-width: 575px) { #introduce .card-info h5.card-name { font-size: var(--fs-20); margin-bottom: 10px; } } #introduce .card-info span.card-team { display: inline-block; font-weight: 500; color: var(--text-primary); margin-bottom: 15px; } @media (min-width: 992px) and (max-width: 1199px) { #introduce .card-info span.card-team { margin-bottom: 10px; } } @media (min-width: 768px) and (max-width: 991px) { #introduce .card-info span.card-team { font-size: var(--fs-18); margin-bottom: 10px; } } @media (min-width: 576px) and (max-width: 767px) { #introduce .card-info span.card-team { font-size: var(--fs-16); margin-bottom: 10px; } } @media (max-width: 575px) { #introduce .card-info span.card-team { font-size: var(--fs-15); margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; height: 23px; overflow: hidden; text-overflow: ellipsis; } } #introduce .card-info p.card-desc { font-size: var(--fs-16); color: var(--text-secondary); text-decoration: none; text-underline-offset: 3px; text-decoration-thickness: 1px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; height: 45px; overflow: hidden; text-overflow: ellipsis; -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (min-width: 1200px) and (max-width: 1399px) { #introduce .card-info p.card-desc { font-size: var(--fs-15); } } @media (min-width: 992px) and (max-width: 1199px) { #introduce .card-info p.card-desc { font-size: var(--fs-15); } } @media (min-width: 576px) and (max-width: 767px) { #introduce .card-info p.card-desc { font-size: var(--fs-15); } } @media (max-width: 575px) { #introduce .card-info p.card-desc { font-size: var(--fs-15); } } #introduce .swiper-buttons-wrapper { position: absolute; bottom: 0px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #introduce .swiper-buttons-wrapper .card-button { width: 50px; height: 50px; border-radius: var(--radius-full); background-color: var(--bg-primary); border: 1px solid #cdcdcd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: var(--transition-base); transition: var(--transition-base); } #introduce .swiper-buttons-wrapper .card-button span.arrow { width: 9px; height: 17px; background-image: url('/Content/images/icon/project/icon-button-arrow.svg'); background-repeat: no-repeat; background-size: 18px 34px; } #introduce .swiper-buttons-wrapper .card-button.card-button-prev { position: relative; } #introduce .swiper-buttons-wrapper .card-button.card-button-prev::after { content: ""; position: absolute; top: 24px; left: -100px; width: 80px; height: 1px; background-color: #cdcdcd; } #introduce .swiper-buttons-wrapper .card-button.card-button-prev span.prev { background-position: right top; } #introduce .swiper-buttons-wrapper .card-button.card-button-next { position: relative; } #introduce .swiper-buttons-wrapper .card-button.card-button-next::after { content: ""; position: absolute; top: 24px; left: 65px; width: 80px; height: 1px; background-color: #cdcdcd; } #introduce .swiper-buttons-wrapper .card-button.card-button-next span.next { background-position: left top; } #introduce .swiper-buttons-wrapper .card-button:hover { cursor: pointer; background-color: var(--text-secondary); border: 1px solid var(--text-secondary); } #introduce .swiper-buttons-wrapper .card-button:hover span.next { background-position: left bottom; } #introduce .swiper-buttons-wrapper .card-button:hover span.prev { background-position: right bottom; } /*============================================= = Schedule = =============================================*/ #schedule { position: relative; background-color: var(--bg-primary); } #schedule .single { display: none; } #schedule img { border-radius: var(--radius-4); width: 970px; height: 250px; margin: 0 auto; } @media (min-width: 768px) and (max-width: 991px) { #schedule img { width: 300px; height: 250px; } } @media (min-width: 576px) and (max-width: 767px) { #schedule img { width: 300px; height: 250px; } } @media (max-width: 575px) { #schedule img { width: 300px; height: 250px; } } #schedule .schedule-swiper { display: block; margin-bottom: 80px; } #schedule .schedule-swiper .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #schedule .schedule-swiper a { -webkit-transition: var(--transition-base); transition: var(--transition-base); } #schedule .schedule-swiper a:hover img { -webkit-filter: brightness(var(--alpha-80)); filter: brightness(var(--alpha-80)); } #schedule .schedule-swiper a img { -webkit-transition: var(--transition-base); transition: var(--transition-base); } #schedule .swiper-buttons-wrapper { position: absolute; bottom: 50px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2; } @media (max-width: 575px) { #schedule .swiper-buttons-wrapper { bottom: 30px; } } #schedule .swiper-buttons-wrapper .schedule-button { width: 50px; height: 50px; border-radius: var(--radius-full); background-color: var(--bg-primary); border: 1px solid #cdcdcd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: var(--transition-base); transition: var(--transition-base); } #schedule .swiper-buttons-wrapper .schedule-button span.arrow { width: 9px; height: 17px; background-image: url("/Content/images/icon/project/icon-button-arrow.svg"); background-repeat: no-repeat; background-size: 18px 34px; } #schedule .swiper-buttons-wrapper .schedule-button.schedule-button-prev { position: relative; } #schedule .swiper-buttons-wrapper .schedule-button.schedule-button-prev::after { content: ""; position: absolute; top: 24px; left: -100px; width: 80px; height: 1px; background-color: #cdcdcd; } #schedule .swiper-buttons-wrapper .schedule-button.schedule-button-prev span.prev { background-position: right top; } #schedule .swiper-buttons-wrapper .schedule-button.schedule-button-next { position: relative; } #schedule .swiper-buttons-wrapper .schedule-button.schedule-button-next::after { content: ""; position: absolute; top: 24px; left: 65px; width: 80px; height: 1px; background-color: #cdcdcd; } #schedule .swiper-buttons-wrapper .schedule-button.schedule-button-next span.next { background-position: left top; } #schedule .swiper-buttons-wrapper .schedule-button:hover { cursor: pointer; background-color: var(--text-secondary); border: 1px solid var(--text-secondary); } #schedule .swiper-buttons-wrapper .schedule-button:hover span.next { background-position: left bottom; } #schedule .swiper-buttons-wrapper .schedule-button:hover span.prev { background-position: right bottom; } /*============================================= = Ranking = =============================================*/ .ranking-table { padding: 24px; border-radius: var(--radius-10); background-color: #fff; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); margin-bottom: 20px; } @media (min-width: 992px) and (max-width: 1199px) { .ranking-table { padding: 16px; } } @media (min-width: 768px) and (max-width: 991px) { .ranking-table { padding: 16px; } } @media (min-width: 576px) and (max-width: 767px) { .ranking-table { padding: 0; } } @media (max-width: 575px) { .ranking-table { padding: 0; } } .ranking-table .rank { width: 42px; } .ranking-table .country { width: 80px; } .ranking-table .gold, .ranking-table .silver, .ranking-table .bronze { width: 95px; } @media (max-width: 575px) { .ranking-table .gold, .ranking-table .silver, .ranking-table .bronze { width: 60px; } } .ranking-table .total { width: 90px; } @media (max-width: 575px) { .ranking-table .total { width: 60px; } } .ranking-table .table-thead { padding: 20px 35px; border-radius: var(--radius-4); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: -webkit-gradient(linear, left top, left bottom, from(var(--primary)), to(var(--primary-dark))); background: linear-gradient(to bottom, var(--primary), var(--primary-dark)); } @media (min-width: 768px) and (max-width: 991px) { .ranking-table .table-thead { padding: 20px 20px; } } @media (min-width: 576px) and (max-width: 767px) { .ranking-table .table-thead { padding: 15px 15px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } @media (max-width: 575px) { .ranking-table .table-thead { padding: 15px 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } .ranking-table .table-thead .th { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ranking-table .table-thead .th.gold, .ranking-table .table-thead .th.silver, .ranking-table .table-thead .th.bronze { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ranking-table .table-thead .th.gold img, .ranking-table .table-thead .th.silver img, .ranking-table .table-thead .th.bronze img { width: 48px; height: 48px; } @media (min-width: 576px) and (max-width: 767px) { .ranking-table .table-thead .th.gold img, .ranking-table .table-thead .th.silver img, .ranking-table .table-thead .th.bronze img { display: none; } } @media (max-width: 575px) { .ranking-table .table-thead .th.gold img, .ranking-table .table-thead .th.silver img, .ranking-table .table-thead .th.bronze img { display: none; } } .ranking-table .table-thead .th.gold span { color: #ffc570; } .ranking-table .table-thead .th.silver span { color: #c9d4d6; } .ranking-table .table-thead .th.bronze span { color: #f2a571; } .ranking-table .table-thead span { font-size: var(--fs-18); font-weight: 500; color: #fff; } @media (min-width: 576px) and (max-width: 767px) { .ranking-table .table-thead span { font-size: var(--fs-16); } } @media (max-width: 575px) { .ranking-table .table-thead span { font-size: var(--fs-15); } } .ranking-table .table-row { padding: 20px 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid var(--border-primary); background-color: #fff; -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (min-width: 768px) and (max-width: 991px) { .ranking-table .table-row { padding: 20px 20px; } } @media (min-width: 576px) and (max-width: 767px) { .ranking-table .table-row { padding: 15px 15px; } } @media (max-width: 575px) { .ranking-table .table-row { padding: 15px 10px; } } .ranking-table .table-row:hover { background-color: #f7f7f7; } .ranking-table .table-row:hover .td.rank { background-color: var(--primary); border: 1px solid var(--primary); } .ranking-table .table-row:hover .td.rank span { color: #fff; } .ranking-table .table-row:hover .td.country > span { color: var(--primary); } .ranking-table .table-row:hover .td.total { background-color: transparent; } .ranking-table .table-row:hover .td.total span { color: var(--primary); } .ranking-table .table-row .td { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ranking-table .table-row .td.rank, .ranking-table .table-row .td.gold, .ranking-table .table-row .td.silver, .ranking-table .table-row .td.bronze, .ranking-table .table-row .td.total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ranking-table .table-row .td.rank { width: 40px; height: 40px; background-color: transparent; border: 1px solid #e7e7e7; border-radius: var(--radius-full); -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (max-width: 575px) { .ranking-table .table-row .td.rank { width: 30px; height: 30px; } } .ranking-table .table-row .td span { font-family: "Oswald", "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", sans-serif; font-size: var(--fs-18); font-weight: 600; -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (min-width: 576px) and (max-width: 767px) { .ranking-table .table-row .td span { font-size: var(--fs-16); } } @media (max-width: 575px) { .ranking-table .table-row .td span { font-size: var(--fs-15); } } .ranking-table .table-row span { font-size: var(--fs-18); font-weight: 600; color: var(--text-primary); } .ranking-table .table-row .country span { font-family: "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", sans-serif; } .ranking-table .table-row .gold span { font-size: var(--fs-20); color: #efb259; } @media (min-width: 576px) and (max-width: 767px) { .ranking-table .table-row .gold span { font-size: var(--fs-16); } } @media (max-width: 575px) { .ranking-table .table-row .gold span { font-size: var(--fs-15); } } .ranking-table .table-row .silver span { font-size: var(--fs-20); color: #788d93; } @media (min-width: 576px) and (max-width: 767px) { .ranking-table .table-row .silver span { font-size: var(--fs-16); } } @media (max-width: 575px) { .ranking-table .table-row .silver span { font-size: var(--fs-15); } } .ranking-table .table-row .bronze span { font-size: var(--fs-20); color: #e99a65; } @media (min-width: 576px) and (max-width: 767px) { .ranking-table .table-row .bronze span { font-size: var(--fs-16); } } @media (max-width: 575px) { .ranking-table .table-row .bronze span { font-size: var(--fs-15); } } .ranking-table .table-row .total { padding: 8px 10px; background-color: #eeeeee; border-radius: var(--radius-4); -webkit-transition: var(--transition-base); transition: var(--transition-base); } .ranking-table .table-row .total span { font-size: var(--fs-20); color: var(--text-primary); } @media (min-width: 576px) and (max-width: 767px) { .ranking-table .table-row .total span { font-size: var(--fs-16); } } @media (max-width: 575px) { .ranking-table .table-row .total span { font-size: var(--fs-15); } } .ranking-table .table-row.highlight { background-color: #ecf3ff; } .ranking-table .table-row.highlight .rank { border: 1px solid #afbbd1; } .ranking-table .table-row.highlight .gold > span { font-size: var(--fs-20); color: #ebb25e; } @media (max-width: 575px) { .ranking-table .table-row.highlight .gold > span { font-size: var(--fs-15); } } .ranking-table .table-row.highlight .silver > span { font-size: var(--fs-20); color: #78888b; } @media (max-width: 575px) { .ranking-table .table-row.highlight .silver > span { font-size: var(--fs-15); } } .ranking-table .table-row.highlight .bronze > span { font-size: var(--fs-20); color: #d8905f; } @media (max-width: 575px) { .ranking-table .table-row.highlight .bronze > span { font-size: var(--fs-15); } } .ranking-table .table-row.highlight .total { background-color: var(--primary); } .ranking-table .table-row.highlight .total span { color: #fff; } .ranking-table .table-row.highlight:hover { background-color: #e3eaf8; } .ranking-table .table-row.highlight:hover .td.rank { border: 1px solid var(--primary); background-color: var(--primary); } .ranking-table .table-row.highlight:hover .td.total { background-color: transparent; } .ranking-table .table-row.highlight:hover .td.total span { color: var(--primary); } .ranking-table .table-info { padding: 20px 0px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 575px) { .ranking-table .table-info { padding: 10px 0px 0px; } } .ranking-table .table-info .updated { margin-bottom: 20px; } @media (max-width: 575px) { .ranking-table .table-info .updated { margin-bottom: 10px; } } .ranking-table .table-info .updated span { font-size: var(--fs-16); font-weight: 400; color: var(--text-secondary); } @media (max-width: 575px) { .ranking-table .table-info .updated span { font-size: var(--fs-15); } } .ranking-table .table-info .notes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; border-radius: var(--radius-4); background-color: #f2f2f2; } @media (min-width: 576px) and (max-width: 767px) { .ranking-table .table-info .notes { background-color: var(--border-primary); border-top-right-radius: 0; } } @media (max-width: 575px) { .ranking-table .table-info .notes { background-color: var(--border-primary); border-top-right-radius: 0; } } .ranking-table .table-info .notes .title { width: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; padding: 6px 15px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #4d4d4d; background-color: #d0d0d0; } @media (min-width: 576px) and (max-width: 767px) { .ranking-table .table-info .notes .title { border-top-left-radius: 0; border-right: 2px solid #fff; background-color: var(--border-primary); } } @media (max-width: 575px) { .ranking-table .table-info .notes .title { border-top-left-radius: 0; border-right: 2px solid #fff; background-color: var(--border-primary); } } .ranking-table .table-info .notes .title span { display: inline-block; } @media (min-width: 576px) and (max-width: 767px) { .ranking-table .table-info .notes .title span { font-size: var(--fs-14); } } @media (max-width: 575px) { .ranking-table .table-info .notes .title span { font-size: var(--fs-14); } } .ranking-table .table-info .notes p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: calc(100% - 70px); padding: 6px 20px; font-size: var(--fs-16); font-weight: 400; color: var(--text-secondary); } @media (min-width: 992px) and (max-width: 1199px) { .ranking-table .table-info .notes p { font-size: var(--fs-15); padding: 6px 10px; } } @media (min-width: 768px) and (max-width: 991px) { .ranking-table .table-info .notes p { font-size: var(--fs-15); padding: 8px 10px; } } @media (min-width: 576px) and (max-width: 767px) { .ranking-table .table-info .notes p { font-size: var(--fs-14); padding: 8px 10px; } } @media (max-width: 575px) { .ranking-table .table-info .notes p { font-size: var(--fs-14); padding: 8px 10px; } } /*============================================= = News = =============================================*/ #news { background-color: var(--bg-primary); } #news #news-col-1 > .news-list { padding-left: 15px; } @media (min-width: 1200px) and (max-width: 1399px) { #news #news-col-1 > .news-list { padding-left: 20px; } } @media (min-width: 992px) and (max-width: 1199px) { #news #news-col-1 > .news-list { padding-left: 20px; } } @media (min-width: 768px) and (max-width: 991px) { #news #news-col-1 > .news-list { padding: 0 40px; margin-bottom: 40px; } } @media (min-width: 576px) and (max-width: 767px) { #news #news-col-1 > .news-list { padding: 0; margin-bottom: 40px; } } @media (max-width: 575px) { #news #news-col-1 > .news-list { padding: 0; margin-bottom: 40px; } } #news #news-col-2 > .news-list { padding-right: 15px; } @media (min-width: 1200px) and (max-width: 1399px) { #news #news-col-2 > .news-list { padding-right: 20px; } } @media (min-width: 992px) and (max-width: 1199px) { #news #news-col-2 > .news-list { padding-right: 20px; } } @media (min-width: 768px) and (max-width: 991px) { #news #news-col-2 > .news-list { padding: 0 40px; } } @media (min-width: 576px) and (max-width: 767px) { #news #news-col-2 > .news-list { padding: 0; } } @media (max-width: 575px) { #news #news-col-2 > .news-list { padding: 0; } } #news .news-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } @media (min-width: 992px) and (max-width: 1199px) { #news .news-list { gap: 20px; } } @media (min-width: 768px) and (max-width: 991px) { #news .news-list { gap: 20px; } } @media (min-width: 576px) and (max-width: 767px) { #news .news-list { gap: 20px; } } @media (max-width: 575px) { #news .news-list { gap: 20px; } } #news .news-main { width: 100%; border-radius: var(--radius-4); background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; -webkit-transition: var(--transition-base); transition: var(--transition-base); } #news .news-main picture { position: relative; display: block; aspect-ratio: 16/9; overflow: hidden; } #news .news-main picture img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: var(--transition-base); transition: var(--transition-base); } #news .news-main picture.skeleton { width: 100%; } #news .news-main .news-info { padding: 18px 15px; } @media (min-width: 1200px) and (max-width: 1399px) { #news .news-main .news-info { padding: 15px 12px; } } @media (min-width: 992px) and (max-width: 1199px) { #news .news-main .news-info { padding: 15px 12px; } } @media (min-width: 576px) and (max-width: 767px) { #news .news-main .news-info { padding: 15px 12px; } } @media (max-width: 575px) { #news .news-main .news-info { padding: 12px 12px; } } #news .news-main .news-title { font-size: var(--fs-22); font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; height: 62px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 20px; color: var(--text-primary); text-decoration: none; text-underline-offset: 3px; text-decoration-thickness: 1px; -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (min-width: 1200px) and (max-width: 1399px) { #news .news-main .news-title { font-size: var(--fs-20); margin-bottom: 15px; height: 56px; } } @media (min-width: 992px) and (max-width: 1199px) { #news .news-main .news-title { font-size: var(--fs-20); margin-bottom: 15px; height: 56px; } } @media (min-width: 768px) and (max-width: 991px) { #news .news-main .news-title { font-size: var(--fs-24); margin-bottom: 15px; height: 68px; } } @media (min-width: 576px) and (max-width: 767px) { #news .news-main .news-title { font-size: var(--fs-20); margin-bottom: 15px; height: 68px; } } @media (max-width: 575px) { #news .news-main .news-title { font-size: var(--fs-18); margin-bottom: 15px; height: auto; } } #news .news-main:hover { -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); } #news .news-main:hover .news-title { color: var(--primary); text-decoration: underline; } #news .news-main:hover picture img { -webkit-filter: brightness(var(--alpha-80)); filter: brightness(var(--alpha-80)); -webkit-transform: scale(1.05); transform: scale(1.05); } #news .news-main:hover picture.skeleton img { -webkit-filter: none; filter: none; -webkit-transform: none; transform: none; } #news .news-sublist { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } @media (min-width: 992px) and (max-width: 1199px) { #news .news-sublist { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 768px) and (max-width: 991px) { #news .news-sublist { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 576px) and (max-width: 767px) { #news .news-sublist { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 575px) { #news .news-sublist { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #news .news-sublist .news-item { width: 48.5%; border-radius: var(--radius-4); background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (min-width: 992px) and (max-width: 1199px) { #news .news-sublist .news-item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } #news .news-sublist .news-item:last-child { margin-bottom: 0; } } @media (min-width: 768px) and (max-width: 991px) { #news .news-sublist .news-item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } #news .news-sublist .news-item:last-child { margin-bottom: 0; } } @media (min-width: 576px) and (max-width: 767px) { #news .news-sublist .news-item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } #news .news-sublist .news-item:last-child { margin-bottom: 0; } } @media (max-width: 575px) { #news .news-sublist .news-item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } #news .news-sublist .news-item:last-child { margin-bottom: 0; } } #news .news-sublist .news-item .news-info { padding: 18px 15px; } @media (min-width: 1200px) and (max-width: 1399px) { #news .news-sublist .news-item .news-info { padding: 15px 12px; } } @media (min-width: 992px) and (max-width: 1199px) { #news .news-sublist .news-item .news-info { padding: 15px 15px; width: 55%; } } @media (min-width: 768px) and (max-width: 991px) { #news .news-sublist .news-item .news-info { padding: 15px 15px; width: 60%; } } @media (min-width: 576px) and (max-width: 767px) { #news .news-sublist .news-item .news-info { padding: 15px 15px; width: 60%; } } @media (max-width: 575px) { #news .news-sublist .news-item .news-info { padding: 0px 3%; width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } #news .news-sublist .news-item .news-title { font-size: var(--fs-18); font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; height: 51px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 20px; color: var(--text-primary); text-decoration: none; text-underline-offset: 3px; text-decoration-thickness: 1px; -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (min-width: 1200px) and (max-width: 1399px) { #news .news-sublist .news-item .news-title { font-size: var(--fs-16); margin-bottom: 15px; height: 45px; } } @media (min-width: 992px) and (max-width: 1199px) { #news .news-sublist .news-item .news-title { font-size: var(--fs-16); margin-bottom: 15px; height: 45px; } } @media (min-width: 768px) and (max-width: 991px) { #news .news-sublist .news-item .news-title { font-size: var(--fs-18); margin-bottom: 15px; height: 50px; } } @media (min-width: 576px) and (max-width: 767px) { #news .news-sublist .news-item .news-title { font-size: var(--fs-18); margin-bottom: 15px; height: 50px; } } @media (max-width: 575px) { #news .news-sublist .news-item .news-title { font-size: var(--fs-16); margin: 6px 0; height: 45px; } } #news .news-sublist .news-item picture { aspect-ratio: 16 / 9; overflow: hidden; } @media (min-width: 992px) and (max-width: 1199px) { #news .news-sublist .news-item picture { width: 45%; aspect-ratio: 16 / 9; overflow: hidden; } } @media (min-width: 768px) and (max-width: 991px) { #news .news-sublist .news-item picture { width: 40%; aspect-ratio: 16 / 9; overflow: hidden; } } @media (min-width: 576px) and (max-width: 767px) { #news .news-sublist .news-item picture { width: 40%; aspect-ratio: 16 / 9; overflow: hidden; } } @media (max-width: 575px) { #news .news-sublist .news-item picture { width: 40%; aspect-ratio: 16 / 9; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } #news .news-sublist .news-item picture img { -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (min-width: 992px) and (max-width: 1199px) { #news .news-sublist .news-item picture.skeleton { width: 45%; } } @media (min-width: 768px) and (max-width: 991px) { #news .news-sublist .news-item picture.skeleton { width: 40%; } } @media (min-width: 576px) and (max-width: 767px) { #news .news-sublist .news-item picture.skeleton { width: 40%; } } @media (max-width: 575px) { #news .news-sublist .news-item picture.skeleton { width: 40%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } #news .news-sublist .news-item:hover { -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); } #news .news-sublist .news-item:hover .news-title { color: var(--primary); text-decoration: underline; } #news .news-sublist .news-item:hover picture img { -webkit-filter: brightness(var(--alpha-80)); filter: brightness(var(--alpha-80)); -webkit-transform: scale(1.05); transform: scale(1.05); } #news .news-sublist .news-item:hover picture.skeleton img { -webkit-filter: none; filter: none; -webkit-transform: none; transform: none; } #news picture.skeleton { cursor: default; pointer-events: none; width: 100%; aspect-ratio: 16/9; background-color: #e0e0e0; position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #news picture.skeleton::after { content: ""; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0))); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); position: absolute; top: 0; left: -100%; -webkit-animation: skeleton-shimmer 1.5s infinite; animation: skeleton-shimmer 1.5s infinite; } #news picture.skeleton img { width: 60%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; pointer-events: none; } #news .skeleton-loader { display: inline-block; width: 90%; height: 1.2em; background: -webkit-gradient(linear, left top, right top, color-stop(25%, #eeeeee), color-stop(50%, #dedede), color-stop(75%, #eeeeee)); background: linear-gradient(90deg, #eeeeee 25%, #dedede 50%, #eeeeee 75%); background-size: 200% 100%; border-radius: var(--radius-4); margin-bottom: 8px; -webkit-animation: skeleton-loading 1.5s infinite linear; animation: skeleton-loading 1.5s infinite linear; } #news .skeleton-loader:nth-of-type(2) { width: 70%; } #news time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--fs-14); color: var(--text-secondary); } #news time img { width: 13px; height: 13px; margin-right: 3px; } #news time span { font-size: var(--fs-14); } /*============================================= = Playlist = =============================================*/ #playlist { background-color: var(--bg-primary); } ul.video-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px; width: 100%; margin: 0 auto; } @media (min-width: 1200px) and (max-width: 1399px) { ul.video-wrapper { gap: 25px; } } @media (min-width: 992px) and (max-width: 1199px) { ul.video-wrapper { gap: 25px; width: 94%; } } @media (min-width: 768px) and (max-width: 991px) { ul.video-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 30px; width: 100%; } } @media (min-width: 576px) and (max-width: 767px) { ul.video-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 30px; width: 100%; } } @media (max-width: 575px) { ul.video-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 20px; width: 100%; } } li.video-item { width: 48.5%; aspect-ratio: 16/9; border-radius: var(--radius-4); overflow: hidden; } @media (min-width: 768px) and (max-width: 991px) { li.video-item { width: 88%; } } @media (min-width: 576px) and (max-width: 767px) { li.video-item { width: 100%; } } @media (max-width: 575px) { li.video-item { width: 100%; } } li.video-item iframe { width: 100%; height: 100%; inset: 0; border: 0; border-radius: var(--radius-4); } li.video-item .video-thumb { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; width: 100%; aspect-ratio: 16/9; overflow: hidden; -webkit-transition: var(--transition-base); transition: var(--transition-base); } li.video-item .video-thumb::before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 78px; height: 78px; border-radius: var(--radius-full); background-image: url('/Content/images/icon/project/icon-play.svg'); background-position: left top; background-size: 78px 156px; z-index: 2; } @media (min-width: 1200px) and (max-width: 1399px) { li.video-item .video-thumb::before { width: 68px; height: 68px; background-size: 68px 136px; } } @media (min-width: 992px) and (max-width: 1199px) { li.video-item .video-thumb::before { width: 68px; height: 68px; background-size: 68px 136px; } } @media (max-width: 575px) { li.video-item .video-thumb::before { width: 68px; height: 68px; background-size: 68px 136px; } } @media (max-width: 320px) { li.video-item .video-thumb::before { width: 60px; height: 60px; background-size: 60px 120px; } } li.video-item .video-thumb::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; -webkit-transition: var(--transition-base); transition: var(--transition-base); } li.video-item .video-thumb:hover::before { background-position: left bottom; } li.video-item .video-thumb:hover::after { opacity: 1; } li.video-item .video-thumb img { width: 100%; aspect-ratio: 16/9; -o-object-fit: cover; object-fit: cover; overflow: hidden; -webkit-transition: var(--transition-base); transition: var(--transition-base); } li.video-item .video-thumb.skeleton { cursor: default; pointer-events: none; aspect-ratio: 16/9; background-color: #e0e0e0; position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } li.video-item .video-thumb.skeleton:before { display: none; } li.video-item .video-thumb.skeleton::after { content: ""; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0))); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); position: absolute; top: 0; left: -100%; -webkit-animation: skeleton-shimmer 1.5s infinite; animation: skeleton-shimmer 1.5s infinite; opacity: 1; } li.video-item .video-thumb.skeleton img { width: 60%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; pointer-events: none; } /*============================================= = Live = =============================================*/ ul.live-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } ul.live-wrapper li.live-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 25px 0; border-bottom: 1px solid var(--border-primary); } ul.live-wrapper li.live-item:last-child { padding: 25px 0 0; } @media (min-width: 768px) and (max-width: 991px) { ul.live-wrapper li.live-item { width: 88%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 576px) and (max-width: 767px) { ul.live-wrapper li.live-item { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 575px) { ul.live-wrapper li.live-item { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 0; } } ul.live-wrapper li.live-item:hover { cursor: pointer; } ul.live-wrapper li.live-item:hover .live-thumb { cursor: pointer; } ul.live-wrapper li.live-item:hover .live-thumb::before { background-position: left bottom; } ul.live-wrapper li.live-item:hover .live-thumb::after { opacity: 1; } ul.live-wrapper li.live-item:hover .live-info > p.live-title { color: var(--primary); text-decoration: underline; text-underline-offset: 3px; } ul.live-wrapper li.live-item:first-child { padding-top: 0; } ul.live-wrapper li.live-item:last-child { border-bottom: none; } ul.live-wrapper li.live-item iframe { width: 100%; height: 100%; inset: 0; border: 0; border-radius: var(--radius-4); } ul.live-wrapper li.live-item .live-thumb { width: 434px; aspect-ratio: 16/9; border-radius: var(--radius-4); overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (min-width: 768px) and (max-width: 991px) { ul.live-wrapper li.live-item .live-thumb { width: 100%; } } @media (min-width: 576px) and (max-width: 767px) { ul.live-wrapper li.live-item .live-thumb { width: 100%; } } @media (max-width: 575px) { ul.live-wrapper li.live-item .live-thumb { width: 100%; } } ul.live-wrapper li.live-item .live-thumb::before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 78px; height: 78px; border-radius: var(--radius-full); background-image: url('/Content/images/icon/project/icon-play.svg'); background-position: left top; background-size: 78px 156px; z-index: 2; } @media (min-width: 1200px) and (max-width: 1399px) { ul.live-wrapper li.live-item .live-thumb::before { width: 68px; height: 68px; background-size: 68px 136px; } } @media (max-width: 575px) { ul.live-wrapper li.live-item .live-thumb::before { width: 68px; height: 68px; background-size: 68px 136px; } } @media (max-width: 320px) { ul.live-wrapper li.live-item .live-thumb::before { width: 60px; height: 60px; background-size: 60px 120px; } } ul.live-wrapper li.live-item .live-thumb::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; -webkit-transition: var(--transition-base); transition: var(--transition-base); } ul.live-wrapper li.live-item .live-thumb.skeleton { cursor: default; pointer-events: none; } ul.live-wrapper li.live-item .live-thumb.skeleton::before { content: none; } ul.live-wrapper li.live-item .live-thumb.skeleton::after { content: none; } ul.live-wrapper li.live-item .live-thumb.playing::before { content: none; } ul.live-wrapper li.live-item .live-thumb.playing::after { content: none; } ul.live-wrapper li.live-item .live-thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; aspect-ratio: 16/9; } ul.live-wrapper li.live-item .live-info { width: 600px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 30px; } @media (min-width: 768px) and (max-width: 991px) { ul.live-wrapper li.live-item .live-info { width: 100%; padding-top: 15px; margin-left: 0; } } @media (min-width: 576px) and (max-width: 767px) { ul.live-wrapper li.live-item .live-info { width: 100%; padding-top: 15px; margin-left: 0; } } @media (max-width: 575px) { ul.live-wrapper li.live-item .live-info { width: 100%; padding-top: 10px; margin-left: 0; } } ul.live-wrapper li.live-item .live-info p.live-title { font-size: var(--fs-20); font-weight: 500; color: var(--text-primary); text-decoration: none; text-underline-offset: 3px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; height: 56px; overflow: hidden; text-overflow: ellipsis; -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (min-width: 992px) and (max-width: 1199px) { ul.live-wrapper li.live-item .live-info p.live-title { font-size: var(--fs-18); } } @media (min-width: 768px) and (max-width: 991px) { ul.live-wrapper li.live-item .live-info p.live-title { font-size: var(--fs-22); height: auto; } } @media (min-width: 576px) and (max-width: 767px) { ul.live-wrapper li.live-item .live-info p.live-title { font-size: var(--fs-20); height: auto; } } @media (max-width: 575px) { ul.live-wrapper li.live-item .live-info p.live-title { font-size: var(--fs-18); height: auto; } } ul.live-wrapper li.live-item .live-info.skeleton { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } ul.live-wrapper li.live-item .live-info.skeleton .skeleton-loader { display: inline-block; width: 90%; height: 1.5em; background: -webkit-gradient(linear, left top, right top, color-stop(25%, #eeeeee), color-stop(50%, #dedede), color-stop(75%, #eeeeee)); background: linear-gradient(90deg, #eeeeee 25%, #dedede 50%, #eeeeee 75%); background-size: 200% 100%; border-radius: var(--radius-4); -webkit-animation: skeleton-loading 1.5s infinite linear; animation: skeleton-loading 1.5s infinite linear; } ul.live-wrapper li.live-item.live-skeleton { cursor: default; pointer-events: none; } ul.live-wrapper li.live-item.live-skeleton .live-thumb.skeleton { aspect-ratio: 16/9; background-color: #e0e0e0; position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ul.live-wrapper li.live-item.live-skeleton .live-thumb.skeleton::before { content: none; } ul.live-wrapper li.live-item.live-skeleton .live-thumb.skeleton::after { content: ""; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0))); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); position: absolute; top: 0; left: -100%; -webkit-animation: skeleton-shimmer 1.5s infinite; animation: skeleton-shimmer 1.5s infinite; opacity: 1; } ul.live-wrapper li.live-item.live-skeleton .live-thumb.skeleton:hover { cursor: default; } ul.live-wrapper li.live-item.live-skeleton .live-thumb.skeleton img { width: 60%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; pointer-events: none; } /*============================================= = Footer = =============================================*/ .info-panels { position: relative; z-index: 2; -webkit-transform: translateY(30px); transform: translateY(30px); } @media (min-width: 992px) and (max-width: 1199px) { .info-panels { -webkit-transform: translateY(35px); transform: translateY(35px); } } @media (min-width: 768px) and (max-width: 991px) { .info-panels { -webkit-transform: translateY(30px); transform: translateY(30px); } } @media (min-width: 576px) and (max-width: 767px) { .info-panels { -webkit-transform: none; transform: none; margin-top: 30px; } .info-panels .container { max-width: none; width: 100%; padding-left: 0; padding-right: 0; } .info-panels .container .row { margin-right: 0; margin-left: 0; } .info-panels .container .col-12 { padding: 0; } } @media (max-width: 575px) { .info-panels { -webkit-transform: none; transform: none; margin-top: 30px; } .info-panels .container { max-width: none; width: 100%; padding-left: 0; padding-right: 0; } .info-panels .container .row { margin-right: 0; margin-left: 0; } .info-panels .container .col-12 { padding: 0; } } .info-panels a.panels { display: block; background-color: #fff; border-radius: var(--radius-12); overflow: hidden; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); width: 100%; -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (min-width: 576px) and (max-width: 767px) { .info-panels a.panels { border-radius: 0; } } @media (max-width: 575px) { .info-panels a.panels { border-radius: 0; } } .info-panels a.panels img { width: 100%; height: auto; -webkit-filter: brightness(1) contrast(100%); filter: brightness(1) contrast(100%); -webkit-transition: var(--transition-base); transition: var(--transition-base); } .info-panels a.panels:hover img { -webkit-filter: brightness(var(--alpha-80)) contrast(110%); filter: brightness(var(--alpha-80)) contrast(110%); } footer { position: relative; z-index: 1; } footer .footer-wrapper { padding: 68px 0 35px; background: -webkit-gradient(linear, left top, left bottom, from(#558ecf), to(#11447f)); background: linear-gradient(to bottom, #558ecf, #11447f); } @media (min-width: 992px) and (max-width: 1199px) { footer .footer-wrapper { padding: 58px 0 25px; } } @media (min-width: 768px) and (max-width: 991px) { footer .footer-wrapper { padding: 58px 0 25px; } } @media (min-width: 576px) and (max-width: 767px) { footer .footer-wrapper { padding: 33px 0; } } @media (max-width: 575px) { footer .footer-wrapper { padding: 33px 0; } } footer .footer-wrapper .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin: 0 auto; } @media (min-width: 768px) and (max-width: 991px) { footer .footer-wrapper .inner { width: 98%; } } @media (min-width: 576px) and (max-width: 767px) { footer .footer-wrapper .inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 575px) { footer .footer-wrapper .inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } footer .footer-wrapper a.logo { display: block; width: 230px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } @media (min-width: 576px) and (max-width: 767px) { footer .footer-wrapper a.logo { width: 45%; margin-bottom: 20px; } } @media (max-width: 575px) { footer .footer-wrapper a.logo { width: 58vmin; max-width: 90%; margin-bottom: 20px; } } footer .footer-wrapper ul.social-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } @media (max-width: 575px) { footer .footer-wrapper ul.social-icons { gap: 12px; } } footer .footer-wrapper ul.social-icons a.social-item { width: 45px; height: 45px; border-radius: 50%; border: 1px solid var(--primary-light); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; -webkit-transition: var(--transition-base); transition: var(--transition-base); } footer .footer-wrapper ul.social-icons a.social-item:hover { background-color: var(--primary-light); } footer .footer-wrapper ul.social-icons a.social-item:hover svg { fill: #144883; } footer .footer-wrapper ul.social-icons a.social-item.facebook svg { width: 12px; height: auto; } footer .footer-wrapper ul.social-icons a.social-item.line svg { width: 21px; height: auto; } footer .footer-wrapper ul.social-icons a.social-item.threads svg { width: 20px; height: auto; } footer .footer-wrapper ul.social-icons a.social-item svg { width: 18px; height: auto; fill: var(--primary-light); } footer .copyright-wrapper { background-color: var(--primary-dark); text-align: center; } footer .copyright-wrapper .copyright { padding: 10px 0; } @media (min-width: 576px) and (max-width: 767px) { footer .copyright-wrapper .copyright { text-align: left; } } @media (max-width: 575px) { footer .copyright-wrapper .copyright { text-align: left; } } footer .copyright-wrapper p { display: inline-block; color: #fff; font-size: var(--fs-14); font-weight: 300; opacity: 0.7; } @media (max-width: 575px) { footer .copyright-wrapper p { font-size: var(--fs-13); } } /*============================================= = Common = =============================================*/ * { padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-size: var(--fs-16); } body { font-family: "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", sans-serif; margin: 0; padding: 0; background-color: #fff; line-height: 1.4; } h1.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } ul { list-style-type: none; padding: 0; margin: 0; } img, picture { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } a { text-decoration: none; } button { background: none; border: none; outline: none; padding: 0; margin: 0; cursor: pointer; } section { padding: 50px 0 50px; } @media (min-width: 992px) and (max-width: 1199px) { section { padding: 40px 0 40px; } } @media (min-width: 768px) and (max-width: 991px) { section { padding: 35px 0 35px; } } @media (min-width: 576px) and (max-width: 767px) { section { padding: 35px 0 35px; } } @media (max-width: 575px) { section { padding: 30px 0 30px; } } .section-heading { padding-bottom: 20px; margin-bottom: 40px; text-align: center; } @media (min-width: 768px) and (max-width: 991px) { .section-heading { margin-bottom: 30px; } } @media (min-width: 576px) and (max-width: 767px) { .section-heading { margin-bottom: 20px; } } @media (max-width: 575px) { .section-heading { margin-bottom: 20px; } } .section-heading h2.heading { font-size: var(--fs-40); font-weight: 600; color: var(--color-text); padding: 0px 20px 20px; position: relative; } @media (min-width: 1200px) and (max-width: 1399px) { .section-heading h2.heading { font-size: var(--fs-38); } } @media (min-width: 992px) and (max-width: 1199px) { .section-heading h2.heading { font-size: var(--fs-32); } } @media (min-width: 768px) and (max-width: 991px) { .section-heading h2.heading { font-size: var(--fs-38); } } @media (min-width: 576px) and (max-width: 767px) { .section-heading h2.heading { font-size: var(--fs-36); padding: 0px 0px 20px; } } @media (max-width: 575px) { .section-heading h2.heading { font-size: clamp(1.75rem, 8.3vw, 2rem); padding: 0px 0px 20px; } } .section-heading h2.heading::after { content: ""; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 90px; height: 5px; border-radius: var(--radius-6); background-color: var(--primary); } @media (min-width: 576px) and (max-width: 767px) { .section-heading h2.heading::after { height: 4px; } } @media (max-width: 575px) { .section-heading h2.heading::after { height: 4px; } } ul.pagination { margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } @media (min-width: 576px) and (max-width: 767px) { ul.pagination { margin-top: 40px; gap: 3%; } } @media (max-width: 575px) { ul.pagination { margin-top: 40px; gap: 4%; } } @media (max-width: 320px) { ul.pagination { margin-top: 40px; gap: 2%; } } ul.pagination li.page-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ul.pagination li.page-item:hover button.page-link { border: 1px solid var(--border-primary); background-color: var(--border-primary); } ul.pagination li.page-item.disabled button.page-link { pointer-events: none; opacity: 0.3; } ul.pagination li.page-item.disabled button.page-link svg { fill: var(--text-secondary); -webkit-transform: none; transform: none; } ul.pagination li.page-item.active button.page-link { pointer-events: none; color: #fff; border: 1px solid var(--text-secondary); background-color: var(--text-secondary); } ul.pagination li.page-item button.page-link { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--fs-16); font-weight: 500; width: 40px; height: 40px; text-align: center; padding: 10px 12px; border-radius: var(--radius-4); color: var(--text-secondary); border: 1px solid var(--border-primary); background-color: transparent; font-family: "Oswald", "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", sans-serif; -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (max-width: 575px) { ul.pagination li.page-item button.page-link { font-size: var(--fs-15); padding: 10px 8px; } } @media (max-width: 320px) { ul.pagination li.page-item button.page-link { font-size: var(--fs-14); padding: 10px 8px; } } ul.pagination li.page-item button.page-link.page-next { width: auto; border: none; background-color: transparent; margin-left: 50px; padding: 10px 0; } @media (max-width: 575px) { ul.pagination li.page-item button.page-link.page-next { margin-left: auto; } ul.pagination li.page-item button.page-link.page-next span { font-size: var(--fs-14); } } ul.pagination li.page-item button.page-link.page-next:hover button.page-link { color: var(--text-primary); background-color: transparent; } ul.pagination li.page-item button.page-link.page-next:hover span { color: var(--text-primary); } ul.pagination li.page-item button.page-link.page-next:hover svg { fill: var(--text-primary); -webkit-transform: translateX(5px); transform: translateX(5px); } ul.pagination li.page-item button.page-link.page-prev { width: auto; border: none; background-color: transparent; margin-right: 50px; padding: 10px 0; } @media (max-width: 575px) { ul.pagination li.page-item button.page-link.page-prev { margin-right: auto; } ul.pagination li.page-item button.page-link.page-prev span { font-size: var(--fs-14); } } ul.pagination li.page-item button.page-link.page-prev:hover button.page-link { background-color: transparent; } ul.pagination li.page-item button.page-link.page-prev:hover span { color: var(--text-primary); } ul.pagination li.page-item button.page-link.page-prev:hover svg { fill: var(--color-text); -webkit-transform: translateX(-5px); transform: translateX(-5px); } ul.pagination li.page-item button.page-link svg { width: 22px; height: auto; fill: var(--text-secondary); -webkit-transition: var(--transition-base); transition: var(--transition-base); } #action-buttons { position: fixed; right: 2%; bottom: -150px; width: 45px; background-color: rgba(255, 255, 255, 0.6); border-radius: var(--radius-4); -webkit-box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3), inset 0 0 8px rgba(255, 255, 255, 0.5); box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3), inset 0 0 8px rgba(255, 255, 255, 0.5); padding: 0 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; backdrop-filter: blur(3px); z-index: 99; pointer-events: none; -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (min-width: 1200px) and (max-width: 1399px) { #action-buttons { right: 15px; } } @media (min-width: 992px) and (max-width: 1199px) { #action-buttons { right: 15px; } } @media (min-width: 768px) and (max-width: 991px) { #action-buttons { right: 12px; } } @media (min-width: 576px) and (max-width: 767px) { #action-buttons { right: 12px; } } @media (max-width: 575px) { #action-buttons { right: 12px; } } #action-buttons.show { bottom: 60px; pointer-events: auto; } @media (min-width: 992px) and (max-width: 1199px) { #action-buttons.show { bottom: 50px; } } @media (min-width: 768px) and (max-width: 991px) { #action-buttons.show { bottom: 50px; } } @media (min-width: 576px) and (max-width: 767px) { #action-buttons.show { bottom: 50px; } } @media (max-width: 575px) { #action-buttons.show { bottom: 50px; } } #action-buttons .share-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 4px; position: relative; } #action-buttons .share-buttons::before { content: ""; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 36px; height: 1px; border-bottom: 1px solid #b4b4b4; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } #action-buttons .share-buttons a.share { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 45px; height: 45px; -webkit-transition: var(--transition-base); transition: var(--transition-base); } #action-buttons .share-buttons a.share:hover .desc { opacity: 1; right: 58px; } #action-buttons .share-buttons a.share.facebook svg { width: 13px; height: 24px; fill: var(--text-secondary); } #action-buttons .share-buttons a.share.facebook:hover svg { width: 13px; height: 24px; fill: #3b5998; } #action-buttons .share-buttons a.share.line svg { width: 24px; height: 22px; fill: var(--text-secondary); } #action-buttons .share-buttons a.share.line:hover svg { width: 24px; height: 22px; fill: #25af00; } #action-buttons button.scroll-top { position: relative; width: 45px; height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 4px; -webkit-transition: var(--transition-base); transition: var(--transition-base); } #action-buttons button.scroll-top:hover .desc { opacity: 1; right: 58px; } #action-buttons button.scroll-top:hover svg { fill: var(--primary); } @media (min-width: 768px) and (max-width: 991px) { #action-buttons button.scroll-top:hover .desc { display: none; } } @media (min-width: 576px) and (max-width: 767px) { #action-buttons button.scroll-top:hover .desc { display: none; } } @media (max-width: 575px) { #action-buttons button.scroll-top:hover .desc { display: none; } } #action-buttons button.scroll-top svg { width: 20px; height: 21px; fill: var(--text-secondary); } #action-buttons .desc { display: block; opacity: 0; height: 26px; line-height: 25px; font-size: var(--fs-13); color: #fff; text-align: center; background-color: var(--text-secondary); -webkit-box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); border-radius: var(--radius-4); position: absolute; top: 10px; right: 53px; -webkit-transition: var(--transition-base); transition: var(--transition-base); } @media (min-width: 768px) and (max-width: 991px) { #action-buttons .desc { display: none; } } @media (min-width: 576px) and (max-width: 767px) { #action-buttons .desc { display: none; } } @media (max-width: 575px) { #action-buttons .desc { display: none; } } #action-buttons .desc.facebook { width: 66px; background-color: #3b5998; } #action-buttons .desc.facebook::before { border-left-color: #3b5998; } #action-buttons .desc.facebook::after { content: "分享"; } #action-buttons .desc.line { width: 66px; background-color: #25af00; } #action-buttons .desc.line::before { border-left-color: #25af00; } #action-buttons .desc.line::after { content: "分享"; } #action-buttons .desc.top { width: 66px; background-color: var(--text-primary); } #action-buttons .desc.top::before { border-left-color: var(--text-primary); } #action-buttons .desc.top::after { content: "回頂部"; } #action-buttons .desc::before { content: ""; position: absolute; top: 50%; right: -6px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0; height: 0; border-color: transparent transparent transparent var(--text-secondary); border-style: solid; border-width: 5px 0 5px 7px; } .intro-swiper .swiper-slide { border-radius: var(--radius-4); overflow: hidden; } @media (min-width: 768px) and (max-width: 991px) { .intro-swiper .swiper-pagination-bullets { bottom: 5px; } } @media (min-width: 576px) and (max-width: 767px) { .intro-swiper .swiper-pagination-bullets { bottom: 5px; } } @media (max-width: 575px) { .intro-swiper .swiper-pagination-bullets { bottom: 5px; } } .intro-swiper .swiper-pagination-bullet { width: 30px; height: 3px; border-radius: var(--radius-4); } @media (min-width: 768px) and (max-width: 991px) { .intro-swiper .swiper-pagination-bullet { background: #ffffff; } } @media (min-width: 576px) and (max-width: 767px) { .intro-swiper .swiper-pagination-bullet { background: #ffffff; } } @media (max-width: 575px) { .intro-swiper .swiper-pagination-bullet { background: #ffffff; } } .intro-swiper .swiper-pagination-bullet-active { background: var(--secondary); } .intro-swiper .swiper-button-prev, .intro-swiper .swiper-button-next { top: calc(50% - 19px); color: #fff; opacity: 0.5; -webkit-transition: var(--transition-base); transition: var(--transition-base); } .intro-swiper .swiper-button-prev:hover, .intro-swiper .swiper-button-next:hover { opacity: 1; color: var(--secondary); } .intro-swiper .swiper-button-prev svg, .intro-swiper .swiper-button-next svg { width: 80%; height: 80%; }/*# sourceMappingURL=main.css.map */ /*! * Bootstrap Grid v5.1.1 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */.g-0,.gy-0,.row{--bs-gutter-y:0}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}.row{--bs-gutter-x:1.5rem;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x) * -.5);margin-left:calc(var(--bs-gutter-x) * -.5)}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.col-auto,.row-cols-auto>*{flex:0 0 auto;width:auto}.col-12,.row-cols-1>*{flex:0 0 auto;width:100%}.col-6,.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.col-3,.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-1,.col-2{flex:0 0 auto}.col-1{width:8.33333333%}.col-2{width:16.66666667%}.col-4,.col-5{flex:0 0 auto}.col-4{width:33.33333333%}.col-5{width:41.66666667%}.col-7,.col-8{flex:0 0 auto}.col-7{width:58.33333333%}.col-8{width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}@media (min-width:576px){.container,.container-sm{max-width:540px}.col-sm{flex:1 0 0%}.col-sm-auto,.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.col-sm-12,.row-cols-sm-1>*{flex:0 0 auto;width:100%}.col-sm-6,.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.col-sm-3,.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}.col-md{flex:1 0 0%}.col-md-auto,.row-cols-md-auto>*{flex:0 0 auto;width:auto}.col-md-12,.row-cols-md-1>*{flex:0 0 auto;width:100%}.col-md-6,.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.col-md-3,.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}.col-lg{flex:1 0 0%}.col-lg-auto,.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.col-lg-12,.row-cols-lg-1>*{flex:0 0 auto;width:100%}.col-lg-6,.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.col-lg-3,.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}.col-xl{flex:1 0 0%}.col-xl-auto,.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.col-xl-12,.row-cols-xl-1>*{flex:0 0 auto;width:100%}.col-xl-6,.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.col-xl-3,.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}.col-xxl{flex:1 0 0%}.col-xxl-auto,.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.col-xxl-12,.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.col-xxl-6,.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.col-xxl-3,.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} /*# sourceMappingURL=normalize.min.css.map */