/* Minification failed. Returning unminified contents. (25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (94,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (97,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (98,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (99,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (193,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-color' (194,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-font-feature-settings' (195,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-font-family' (196,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-font-size' (197,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-font-style' (198,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-font-weight' (199,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-line-height' (203,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-color' (204,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-feature-settings' (205,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-family' (206,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-size' (207,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-style' (208,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-weight' (209,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-line-height' (213,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-color' (214,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-font-feature-settings' (215,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-font-family' (216,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-font-size' (217,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-font-style' (218,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-font-weight' (219,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-line-height' (223,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-color' (224,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-feature-settings' (225,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-family' (226,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-size' (227,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-style' (228,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-weight' (229,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-line-height' (233,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-color' (234,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-font-feature-settings' (235,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-font-family' (236,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-font-size' (237,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-font-style' (238,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-font-weight' (239,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-line-height' (243,17): run-time error CSS1039: Token not allowed after unary operator: '-body-large-color' (244,33): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-feature-settings' (245,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-family' (246,21): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-size' (247,22): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-style' (248,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-weight' (249,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-line-height' (253,17): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-color' (254,33): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-font-feature-settings' (255,23): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-font-family' (256,21): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-font-size' (257,22): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-font-style' (258,23): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-font-weight' (259,23): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-line-height' (263,17): run-time error CSS1039: Token not allowed after unary operator: '-body-small-color' (264,33): run-time error CSS1039: Token not allowed after unary operator: '-body-small-font-feature-settings' (265,23): run-time error CSS1039: Token not allowed after unary operator: '-body-small-font-family' (266,21): run-time error CSS1039: Token not allowed after unary operator: '-body-small-font-size' (267,22): run-time error CSS1039: Token not allowed after unary operator: '-body-small-font-style' (268,23): run-time error CSS1039: Token not allowed after unary operator: '-body-small-font-weight' (269,23): run-time error CSS1039: Token not allowed after unary operator: '-body-small-line-height' (274,23): run-time error CSS1039: Token not allowed after unary operator: '-text-500-font-family' (275,21): run-time error CSS1039: Token not allowed after unary operator: '-text-500-font-size' (276,22): run-time error CSS1039: Token not allowed after unary operator: '-text-500-font-style' (277,23): run-time error CSS1039: Token not allowed after unary operator: '-text-500-line-height' (281,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-family' (282,21): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-size' (283,22): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-style' (284,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-line-height' (288,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family' (289,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size' (290,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style' (291,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height' (295,23): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-family' (296,21): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-size' (297,22): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-style' (298,23): run-time error CSS1039: Token not allowed after unary operator: '-text-200-line-height' (302,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-family' (303,21): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-size' (304,22): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-style' (305,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-line-height' (309,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-family' (310,21): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-size' (311,22): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-style' (312,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-line-height' (316,23): run-time error CSS1039: Token not allowed after unary operator: '-text-bold-font-weight' (320,23): run-time error CSS1039: Token not allowed after unary operator: '-text-medium-font-weight' (324,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight' (331,24): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (414,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (420,34): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (452,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (456,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (462,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (466,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (470,17): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500' (474,17): run-time error CSS1039: Token not allowed after unary operator: '-enterprise-black' (478,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (482,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (527,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (529,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (531,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (547,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (559,36): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (567,25): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500' (573,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (575,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (577,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (590,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (602,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (607,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (635,17): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (642,21): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (647,21): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (657,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-family' (658,21): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-size' (659,22): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-style' (660,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-line-height' (671,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (697,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (700,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (719,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (727,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (732,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500' (737,27): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-family' (738,25): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-size' (739,26): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-style' (740,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (741,27): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight' (742,27): run-time error CSS1039: Token not allowed after unary operator: '-text-200-line-height' (746,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (760,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (771,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (782,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (821,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (822,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (825,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (829,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (837,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (842,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (852,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (873,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400' (879,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (883,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (892,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (895,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (901,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (903,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (924,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (925,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (926,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family' (927,25): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size' (928,26): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style' (929,27): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight' (930,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height' (962,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400' (968,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (979,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (980,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (981,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family' (982,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size' (983,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style' (984,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight' (985,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height' (986,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (991,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (998,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (999,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (1005,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1007,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family' (1008,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size' (1009,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style' (1010,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight' (1011,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height' (1026,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (1034,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1040,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (1047,17): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500' (1048,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-family' (1049,21): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-size' (1050,22): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-style' (1051,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight' (1052,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-line-height' (1061,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family' (1062,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size' (1063,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style' (1064,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1065,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight' (1066,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height' (1071,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500' (1075,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (1079,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (1080,17): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500' (1091,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500' (1095,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500' (1099,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (1104,28): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500' (1112,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-family' (1113,21): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-size' (1114,22): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-style' (1115,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (1116,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight' (1117,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-line-height' (1153,22): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (1156,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1205,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (1274,28): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500' (1275,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1299,31): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500' (1304,31): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500' (1323,26): run-time error CSS1039: Token not allowed after unary operator: '-green-500' (1324,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1328,26): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500' (1329,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1333,26): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500' (1334,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1337,26): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1338,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1355,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1379,17): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500' (1380,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1391,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (1396,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (1404,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1418,32): run-time error CSS1039: Token not allowed after unary operator: '-green-500' (1422,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500' (1426,32): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500' (1430,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1462,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (1463,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1474,28): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-200' (1480,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (1484,17): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-200' (1495,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1496,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (1505,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (1510,32): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-200' (1520,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1530,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-color' (1531,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-feature-settings' (1532,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-family' (1533,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-size' (1534,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-style' (1535,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-weight' (1536,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-line-height' (1541,17): run-time error CSS1039: Token not allowed after unary operator: '-body-large-color' (1542,33): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-feature-settings' (1543,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-family' (1544,21): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-size' (1545,22): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-style' (1546,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-weight' (1547,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-line-height' (1584,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-color' (1585,37): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-feature-settings' (1586,27): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-family' (1587,25): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-size' (1588,26): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-style' (1589,27): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-weight' (1590,27): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-line-height' (1594,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family' (1595,25): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size' (1596,26): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style' (1597,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height' (1604,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family' (1605,25): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size' (1606,26): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style' (1607,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height' (1617,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (1621,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1663,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1664,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1665,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1671,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400' (1672,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1673,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400' (1677,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (1681,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1682,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500' (1683,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500' (1689,32): run-time error CSS1039: Token not allowed after unary operator: '-green-400' (1690,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1691,32): run-time error CSS1039: Token not allowed after unary operator: '-green-400' (1695,32): run-time error CSS1039: Token not allowed after unary operator: '-green-100' (1699,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1700,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (1701,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (1707,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-400' (1708,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1709,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-400' (1713,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-100' (1718,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1719,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1720,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1726,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (1727,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1731,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (1732,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (1738,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1739,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500' (1740,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500' (1746,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-400' (1747,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1748,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-400' (1752,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-100' (1756,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1757,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500' (1758,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500' (1764,32): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-400' (1765,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1766,32): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-400' (1770,32): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-100' (1793,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1794,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1811,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500' (1812,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500' (1827,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500' (1828,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500' (1844,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (1845,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (1860,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500' (1861,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500' (1866,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (1867,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (1871,24): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1878,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (1882,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' */ @font-face { font-family: "AvenirNext"; src: url('/Content/fonts/AvenirNextLTPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; } @font-face { font-family: "AvenirNext"; src: url('/Content/fonts/AvenirNextLTPro-Demi.otf') format('opentype'); font-weight: 500; font-style: normal; } @font-face { font-family: "AvenirNext"; src: url('/Content/fonts/AvenirNextLTPro-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; } :root { /* 1. COLORS */ /* NEUTRAL */ --neutral-100: #FFFFFF; --neutral-200: #F7F9FC; --neutral-300: #E9EAF3; --neutral-400: #CACBD7; --neutral-500: #989AAD; --neutral-600: #6F7182; --neutral-700: #303350; --neutral-800: #0B0E2C; /* PARIS M */ --paris-m-100: #4C45B9; --paris-m-200: #423BA4; --paris-m-300: #39338F; --paris-m-400: #2F2A77; --paris-m-500: #262262; /* RESOLUTION BLUE */ --resolution-blue-100: #657AFB; --resolution-blue-200: #4D64F4; --resolution-blue-300: #3F53CF; --resolution-blue-400: #3243AC; --resolution-blue-500: #28368D; /* SUMMER SKY */ --summer-sky-100: #45D8EE; --summer-sky-200: #88CCE8; --summer-sky-300: #6FC1E3; --summer-sky-400: #50B4DE; --summer-sky-500: #25AAE1; /* TANGERINE YELLOW */ --tangerine-yellow-100: #FFEA95; --tangerine-yellow-200: #FFE169; --tangerine-yellow-300: #FFDA47; --tangerine-yellow-400: #FFDE22; --tangerine-yellow-500: #FECD08; /* FIRE ENGINE RED */ --fire-engine-red-100: #E6A1A4; --fire-engine-red-200: #DF7F82; --fire-engine-red-300: #D65D61; --fire-engine-red-400: #D13D42; --fire-engine-red-500: #CF2127; /* GREEN */ --green-100: #96CB7A; --green-200: #80C55C; --green-300: #69BE3E; --green-400: #51BA1C; --green-500: #3FB206; /* ORANGE */ --orange-100: #FFBB93; --orange-200: #FFA46F; --orange-300: #FFA46F; --orange-400: #FF9152; --orange-500: #F97D35; /* VIOLET */ --violet-100: #E9D6FF; --violet-200: #D8B6FF; --violet-300: #C898FF; --violet-400: #B575FF; --violet-500: #A3558F9; /* ENTERPRISE BLACK*/ --enterprise-black: #2C2F36; --enterprise-black-100: #41444A; /* 2. TYPOGRAPHY */ /* Heading h1 */ --heading-h1-color: var(--neutral-800,#0B0E2C); --heading-h1-font-feature-settings: 'liga' off, 'clig' off; --heading-h1-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif; --heading-h1-font-size: 4.2rem; --heading-h1-font-style: normal; --heading-h1-font-weight: 700; --heading-h1-line-height: 5.4rem; /* Heading h2 */ --heading-h2-color: var(--neutral-800,#0B0E2C); --heading-h2-font-feature-settings: 'liga' off, 'clig' off; --heading-h2-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif; --heading-h2-font-size: 3.2rem; --heading-h2-font-style: normal; --heading-h2-font-weight: 700; --heading-h2-line-height: 4.8rem; /* Heading h3 */ --heading-h3-color: var(--neutral-800,#0B0E2C); --heading-h3-font-feature-settings: 'liga' off, 'clig' off; --heading-h3-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif; --heading-h3-font-size: 2.4rem; --heading-h3-font-style: normal; --heading-h3-font-weight: 700; --heading-h3-line-height: 3.4rem; /* Heading h4 */ --heading-h4-color: var(--neutral-800,#0B0E2C); --heading-h4-font-feature-settings: 'liga' off, 'clig' off; --heading-h4-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif; --heading-h4-font-size: 2.2rem; --heading-h4-font-style: normal; --heading-h4-font-weight: 700; --heading-h4-line-height: 2.8rem; /* Heading h5 */ --heading-h5-color: var(--neutral-800,#0B0E2C); --heading-h5-font-feature-settings: 'liga' off, 'clig' off; --heading-h5-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif; --heading-h5-font-size: 1.8rem; --heading-h5-font-style: normal; --heading-h5-font-weight: 700; --heading-h5-line-height: 2.4rem; /* Heading h6 */ --heading-h6-color: var(--neutral-800,#0B0E2C); --heading-h6-font-feature-settings: 'liga' off, 'clig' off; --heading-h6-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif; --heading-h6-font-size: 1.6rem; --heading-h6-font-style: normal; --heading-h6-font-weight: 700; --heading-h6-line-height: 2.2rem; /* Body large */ --body-large-color: var(--neutral-600,#6F7182); --body-large-font-feature-settings: 'liga' off, 'clig' off; --body-large-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif; --body-large-font-size: 1.8rem; --body-large-font-style: normal; --body-large-font-weight: 400; --body-large-line-height: 3.2rem; /* Body medium */ --body-medium-color: var(--neutral-600,#6F7182); --body-medium-font-feature-settings: 'liga' off, 'clig' off; --body-medium-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif; --body-medium-font-size: 1.4rem; --body-medium-font-style: normal; --body-medium-font-weight: 400; --body-medium-line-height: 2.6rem; /* Body small */ --body-medium-color: var(--neutral-600,#6F7182); --body-medium-font-feature-settings: 'liga' off, 'clig' off; --body-medium-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif; --body-medium-font-size: 1.2rem; --body-medium-font-style: normal; --body-medium-font-weight: 400; --body-medium-line-height: 2.2rem; /* Text 500 */ --text-500-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif; --text-500-font-size: 1.8rem; --text-500-font-style: normal; --text-500-line-height: 2rem; /* Text 400 */ --text-400-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif; --text-400-font-size: 1.6rem; --text-400-font-style: normal; --text-400-line-height: 1.8rem; /* Text 300 */ --text-300-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif; --text-300-font-size: 1.4rem; --text-300-font-style: normal; --text-300-line-height: 1.6rem; /* Text 200 */ --text-200-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif; --text-200-font-size: 1.2rem; --text-200-font-style: normal; --text-200-line-height: 1.4em; /* Text 100 */ --text-100-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif; --text-100-font-size: 1rem; --text-100-font-style: normal; --text-100-line-height: 1.2rem; /* Text Bold */ --text-bold-font-weight: 700; /* Text Medium */ --text-medium-font-weight: 500; /* Text Regular */ --text-regular-font-weight: 400; } .text-heading-h1 { color: var(--heading-h1-color); font-feature-settings: var(--heading-h1-font-feature-settings); font-family: var(--heading-h1-font-family); font-size: var(--heading-h1-font-size); font-style: var(--heading-h1-font-style); font-weight: var(--heading-h1-font-weight); line-height: var(--heading-h1-line-height); } .text-heading-h2 { color: var(--heading-h2-color); font-feature-settings: var(--heading-h2-font-feature-settings); font-family: var(--heading-h2-font-family); font-size: var(--heading-h2-font-size); font-style: var(--heading-h2-font-style); font-weight: var(--heading-h2-font-weight); line-height: var(--heading-h2-line-height); } .text-heading-h3 { color: var(--heading-h3-color); font-feature-settings: var(--heading-h3-font-feature-settings); font-family: var(--heading-h3-font-family); font-size: var(--heading-h3-font-size); font-style: var(--heading-h3-font-style); font-weight: var(--heading-h3-font-weight); line-height: var(--heading-h3-line-height); } .text-heading-h4 { color: var(--heading-h4-color); font-feature-settings: var(--heading-h4-font-feature-settings); font-family: var(--heading-h4-font-family); font-size: var(--heading-h4-font-size); font-style: var(--heading-h4-font-style); font-weight: var(--heading-h4-font-weight); line-height: var(--heading-h4-line-height); } .text-heading-h5 { color: var(--heading-h5-color); font-feature-settings: var(--heading-h5-font-feature-settings); font-family: var(--heading-h5-font-family); font-size: var(--heading-h5-font-size); font-style: var(--heading-h5-font-style); font-weight: var(--heading-h5-font-weight); line-height: var(--heading-h5-line-height); } .text-body-large { color: var(--body-large-color); font-feature-settings: var(--body-large-font-feature-settings); font-family: var(--body-large-font-family); font-size: var(--body-large-font-size); font-style: var(--body-large-font-style); font-weight: var(--body-large-font-weight); line-height: var(--body-large-line-height); } .text-body-medium { color: var(--body-medium-color); font-feature-settings: var(--body-medium-font-feature-settings); font-family: var(--body-medium-font-family); font-size: var(--body-medium-font-size); font-style: var(--body-medium-font-style); font-weight: var(--body-medium-font-weight); line-height: var(--body-medium-line-height); } .text-body-small { color: var(--body-small-color); font-feature-settings: var(--body-small-font-feature-settings); font-family: var(--body-small-font-family); font-size: var(--body-small-font-size); font-style: var(--body-small-font-style); font-weight: var(--body-small-font-weight); line-height: var(--body-small-line-height); } .text-500 { font-family: var(--text-500-font-family); font-size: var(--text-500-font-size); font-style: var(--text-500-font-style); line-height: var(--text-500-line-height); } .text-400 { font-family: var(--text-400-font-family); font-size: var(--text-400-font-size); font-style: var(--text-400-font-style); line-height: var(--text-400-line-height); } .text-300 { font-family: var(--text-300-font-family); font-size: var(--text-300-font-size); font-style: var(--text-300-font-style); line-height: var(--text-300-line-height); } .text-200 { font-family: var(--text-200-font-family); font-size: var(--text-200-font-size); font-style: var(--text-200-font-style); line-height: var(--text-200-line-height); } .text-100 { font-family: var(--text-100-font-family); font-size: var(--text-100-font-size); font-style: var(--text-100-font-style); line-height: var(--text-100-line-height); } .text-100 { font-family: var(--text-100-font-family); font-size: var(--text-100-font-size); font-style: var(--text-100-font-style); line-height: var(--text-100-line-height); } .text-bold { font-weight: var(--text-bold-font-weight); } .text-medium { font-weight: var(--text-medium-font-weight); } .text-regular { font-weight: var(--text-regular-font-weight); } .focus-border:focus { outline: none; border-color: var(--summer-sky-500); } .w-full { width: 100%; } .relative { position: relative; } body .show-sm, body .show-md, body .show-lg, body .show-xl, body .show-2xl { display: none; } @media (max-width: 767px) { body .show-sm { display: flex; } body .hide-sm { display: none; } } @media (min-width: 768px) and (max-width: 1023px) { body .show-md { display: flex; } body .hide-md { display: none !important; } } @media (min-width: 1024px) and (max-width: 1279px) { body .show-lg { display: flex; } body .hide-lg { display: none !important; } } @media (min-width: 1280px) and (max-width: 1535px) { body .show-xl { display: flex; } body .hide-xl { display: none !important; } } @media (min-width: 1536px) { body .show-2xl { display: flex; } body .hide-2xl { display: none !important; } } .adm-header { min-width: 100%; flex-shrink: 0; } #main { display: flex; flex: 1; min-height: 0px; } #sidebar { width: 100%; max-width: 25.1rem; background-color: var(--neutral-100); position: relative; padding: 3.6rem 0 2rem 0; flex-shrink: 0; overflow: visible; height: 100%; border-right: 1px solid var(--neutral-300); } .regular-transition { transition: all 250ms; } #content { flex: 1; overflow-y: auto; position: relative; } html, body { overflow: hidden; margin: 0; padding: 0; height: 100svh; } body { display: flex; flex-direction: column; height: 100svh; } .icon-base { height: 2.4rem; width: 2.4rem; } .neutral-600 { color: var(--neutral-600) } .neutral-500 { color: var(--neutral-600) } .line-through{ text-decoration:line-through; } .neutral-800 { color: var(--neutral-800) } .neutral-100 { color: var(--neutral-100) } .paris-m-500 { color: var(--paris-m-500) } .enterprise-black { color: var(--enterprise-black) } .resolution-blue-500 { color: var(--resolution-blue-500) } .resolution-blue-500 { color: var(--resolution-blue-500) } .shrink { height: 0 !important; max-height: 0 !important; display: none; } .scroll-hidden-but-space { overflow-y: auto; scrollbar-width: thin; scrollbar-gutter: stable; -ms-overflow-style: none; } .scroll-hidden-but-space::-webkit-scrollbar { width: 0.8rem; background: transparent; } .scroll-hidden-but-space::-webkit-scrollbar-thumb { background: transparent; } .backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100svh; transform: translateX(-100%); transition: transform 100ms ease; display: none; } .disabled-link { cursor: not-allowed; opacity: 0.5; pointer-events: none; } .open .dropdown-menu.adm-dropdown-menu { background-color: var(--neutral-100); box-shadow: 0 0.2rem 0.3rem 0 rgba(0,0,0,0.2); border: 1px solid var(--neutral-300); border-radius: 0.8rem; color: var(--neutral-600); display: flex; padding: 0.8rem 0; flex-direction: column; align-items: stretch; list-style: none; min-width: max-content; transition: opacity 550ms ease; } .dropdown-menu.adm-dropdown-menu { display: none; min-width: max-content; } .dropdown-menu.adm-dropdown-menu > li > a { color: var(--neutral-600); align-items: center; display: inline-flex; width: 100%; padding: 0.4rem 1.2rem 0.4rem 0.8rem; gap: 1.6rem; transition: all 200ms ease; max-width: 250px; align-self: stretch; } .dropdown-menu.adm-dropdown-menu > li > a:hover { background-color: var(--neutral-300); } .dropdown-menu.adm-dropdown-menu > li > a > svg { max-width: 2.4rem; max-height: 2.4rem; width: 100%; height: auto; color: var(--paris-m-500); flex-shrink: 0; } .ui-menu.ui-widget.ui-widget-content.ui-autocomplete { background-color: var(--neutral-100); box-shadow: 0 0.2rem 0.3rem 0 rgba(0,0,0,0.2); border: 1px solid var(--neutral-300); border-radius: 0.8rem; color: var(--neutral-600); padding: 0.8rem 0; } .ui-menu .ui-menu-item.adm-search-result { display: flex; padding: 0.8rem 1.2rem; gap: 0.8rem; align-items: center; transition: all 300ms ease; } .ui-menu .ui-menu-item.adm-search-result:hover { background-color: var(--neutral-300); } .adm-search-result > .adm-search-result__text-content { display: flex; flex-direction: column; gap: 0.4rem; align-items: flex-start; } .adm-search-result > .adm-search-result__text-content > .adm-search-result__text-content-title { color: var(--resolution-blue-100); } .ui-menu.ui-widget.ui-widget-content.ui-autocomplete .adm-search-result > svg { color: var(--neutral-600); list-style-image: none !important; max-width: 2.4rem; max-height: 2.4rem; width: 100%; flex-shrink: 0; padding: 0; } .text-center { text-align: center } .text-start { text-align: start } .adm-search-result .ui-state-active { background: none !important; transform: none !important; margin: 0 !important; color: inherit !important; border: none !important; } .adm-link-button { transition: border-color 0.25s ease !important; padding: 1px 0; color: var(--summer-sky-500); cursor: pointer; outline: none; text-decoration: none; } .adm-link-button:link, .adm-link-button:visited { color: var(--summer-sky-500); outline: none; } .adm-link-button:hover, .adm-link-button:focus, .adm-link-button:focus-visible { color: var(--summer-sky-500); text-decoration: underline; text-underline-offset: 4px; outline: none; } .adm__input-label { display: flex; align-items: center; min-height: 3.4rem; font-family: var(--text-400-font-family); font-size: var(--text-400-font-size); font-style: var(--text-400-font-style); line-height: var(--text-400-line-height); } .adm__input-group { display: flex; flex-direction: column; gap: 0.5rem; flex: 1; } .adm__input-icon > svg { position: absolute; color: var(--neutral-600); top:0; right:0; transform:translate(-50%,50%); pointer-events: none; } .adm__input-icon >svg { width: 2.4rem; height: 2.4rem; } .hidden { display: none; } .adm__input-wrapper { min-width: 100%; width: 100%; position: relative; } .adm__input-text { min-width: 100%; width: 100%; padding: 1rem 1.2rem; border: 1px solid var(--neutral-300); border-radius: 0.8rem; outline: none; color: var(--neutral-700); box-sizing: border-box; min-height: 46px; transition: all 250ms ease; } .adm__input-text.adm__input-password { padding: 1rem 4rem 1rem 1.2rem; } .adm__input-text.adm__input-select { padding: 1rem 4rem 1rem 1.2rem; cursor: pointer; appearance: none; -webkit-appearance:none; -moz-appearance:none; -moz-appearance:none; } .adm__input-text.adm__input-select:invalid { color: var(--neutral-600) } .adm-list { padding-left: 2rem; } .adm__input-text:focus, .adm__input-text:focus-visible { border: 1px solid var(--summer-sky-500); outline: none; } .adm__input-text.error { border: 1px solid var(--fire-engine-red-500); outline: none; } .adm__input-text::placeholder { font-family: var(--text-200-font-family); font-size: var(--text-200-font-size); font-style: var(--text-200-font-style); color: var(--neutral-500); font-weight: var(--text-regular-font-weight); line-height: var(--text-200-line-height) } .adm__password-btn { color: var(--neutral-600); display: flex; justify-content: center; align-items: center; transition: transform 250ms ease; border: 1px solid transparent; outline: none; } .adm__market-img { max-width: 160px; max-height: 51px; background: black; border-radius: 8px; border: 1px solid var(--neutral-600); margin-inline: 4px; padding: 4px; } .adm__market-img-big { max-height: 60px; background: black; height: 100%; width: auto; border-radius: 8px; border: 1px solid var(--neutral-600); margin-inline: 4px; padding: 4px; } .adm__password-btn svg { width: 20px; height: 20px; } .adm__toggle-password:focus, .adm__toggle-password:focus-visible { border: 1px solid var(--summer-sky-500); outline: none; } .adm__toggle-password:focus .adm__password-btn, .adm__toggle-password:focus-visible .adm__password-btn, .adm__password-btn:hover { transform: scale(1.1); } .adm__toggle-password:focus, .adm__toggle-password:focus-visible { border: 1px solid transparent; outline: none; } .adm__toggle-password { position: absolute; right: 1.2rem; top: 50%; transform: translateY(-50%); background: none; border: none; padding: 0; cursor: pointer; border: 1px solid transparent; outline: none; } .adm_checkbox-hidden { display: none; } .adm_custom-chekbox { display: inline-flex; align-items: start; cursor: pointer; gap: 0.8rem; } .adm_checkbox-hidden:disabled + .adm_checkbox-icon { background-color: var(--neutral-100); border: 1px solid var(--neutral-500); } .adm_checkbox-hidden:disabled:checked:hover + .adm_checkbox-icon { background-color: var(--neutral-500); } .adm_checkbox-hidden:disabled:checked + .adm_checkbox-icon { visibility: visible; background-color: var(--neutral-500); } .adm_checkbox-icon { transition: all 250ms ease; width: 18px; height: 18px; padding: 1px; background-color: var(--neutral-100); display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; border: 1px solid var(--neutral-300); } .adm_checkmark { display: flex; justify-content: center; align-items: center; } .adm_checkmark svg { color: var(--neutral-100); height: 14px; width: 14px; visibility:initial; } .adm-list-with-tags{ display:flex; flex-direction: column; gap:4px; } .adm_checkbox-hidden:checked + .adm_checkbox-icon .adm_checkmark { visibility: visible; } .adm_checkbox-hidden:not(:checked) + .adm_checkbox-icon .adm_checkmark { visibility: hidden; } .adm_checkbox-hidden:checked + .adm_checkbox-icon { visibility: visible; background-color: var(--resolution-blue-400); border: 1px solid transparent; } .adm_checkbox-hidden:checked:hover + .adm_checkbox-icon { border: 1px solid transparent; background-color: var(--resolution-blue-500); } .adm_checkbox-hidden:hover + .adm_checkbox-icon { border: 1px solid var(--neutral-400); } .adm_checkbox-label-text { user-select: none; } .adm_toggle-button.adm__btn.adm__btn-primary:not(.active){ background-color: transparent; color: var(--neutral-600); } .adm_toggle-button.adm__btn.adm__btn-primary:not(.active):hover { background-color: var(--neutral-400); } .adm_toggle-container{ display:flex; gap:4px; background-color: var(--neutral-300); padding: 1px; border: 1px solid var(--neutral-300); border-radius: 8px; } .adm__btn { display: flex; align-items: center; justify-content: center; height: 4.4rem; width: 100%; border: 1px solid transparent; border-radius: 8px; outline: none; transition: all 250ms ease; padding: 4px 18px; white-space: nowrap; } .adm__btn.adm__btn-primary { color: var(--neutral-100); background-color: var(--resolution-blue-500); font-family: var(--text-300-font-family); font-size: var(--text-300-font-size); font-style: var(--text-300-font-style); font-weight: var(--text-regular-font-weight); line-height: var(--text-300-line-height); text-decoration: none; position: relative; } .adm__btn.active > .adm__btn-loading-container { display: flex; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; max-height: fit-content; } .adm__btn-loading-container > svg { width: 25px; height: 25px; } .adm__btn > .adm__btn-loading-container { display: none; } .adm__btn > span { visibility: visible; } .adm__btn.active > span { visibility: hidden; } .adm__btn.adm__btn-primary:hover, .adm__btn.adm__btn-primary:active, .adm__btn.adm__btn-primary:focus, .adm__btn.adm__btn-primary:focus-visible { background-color: var(--resolution-blue-400); outline: none; } .adm__btn.adm__btn-primary:disabled { background-color: var(--resolution-blue-100); text-decoration: none; } .adm__btn-loading-container { display: flex; justify-content: center; align-items: center; } .adm__btn.adm__btn-secondary { color: var(--resolution-blue-500); background-color: var(--neutral-100); font-family: var(--text-300-font-family); font-size: var(--text-300-font-size); font-style: var(--text-300-font-style); font-weight: var(--text-regular-font-weight); line-height: var(--text-300-line-height); border: 1px solid var(--resolution-blue-500); text-decoration: none; } .adm__btn.adm__btn-secondary:hover, .adm__btn.adm__btn-secondary:active, .adm__btn.adm__btn-secondary:focus, .adm__btn.adm__btn-secondary:focus-visible { background-color: var(--resolution-blue-100); outline: none; text-decoration: none; } .adm__btn.adm__btn-secondary:disabled { color: var(--resolution-blue-100); border: 1px solid var(--resolution-blue-100); outline: none; text-decoration: none; } .adm__btn.adm__btn-ghost { color: var(--resolution-blue-500); background-color: transparent; font-family: var(--text-300-font-family); font-size: var(--text-300-font-size); font-style: var(--text-300-font-style); font-weight: var(--text-regular-font-weight); line-height: var(--text-300-line-height); text-decoration: none; outline: none !important; appearance: none; gap: 4px; -webkit-appearance: none; -moz-appearance: none; } .adm__btn.adm__btn-ghost.adm__btn-ghost__icon { width: 44px; padding:0; } .adm__btn.adm__btn-ghost:hover, .adm__btn.adm__btn-ghost:active, .adm__btn.adm__btn-ghost:focus, .adm__btn.adm__btn-ghost:focus-visible { background-color: var(--neutral-300); outline: none !important; text-decoration: none; } .adm__btn.adm__btn-ghost:active { background-color: transparent; outline: none !important; border: 1px solid var(--resolution-blue-500); text-decoration: none; } .adm__btn.adm__btn-ghost:disabled { color: var(--resolution-blue-100); border: 1px solid transparent !important; outline: none !important; text-decoration: none; } .adm__input-error { color: var(--fire-engine-red-500); font-family: var(--text-100-font-family); font-size: var(--text-100-font-size); font-style: var(--text-100-font-style); font-weight: var(--text-regular-font-weight); line-height: var(--text-100-line-height) } .adm__tag { line-height: 1.5rem; border-radius: 0.5rem; padding: 0.3rem 0.8rem; margin: auto 0; font-family: var(--text-300-font-family); font-size: var(--text-300-font-size); font-style: var(--text-300-font-style); color: var(--neutral-100); font-weight: var(--text-regular-font-weight); line-height: var(--text-300-line-height); display: inline-block; } .adm__tag-yellow { background-color: var(--tangerine-yellow-500); } .adm__tag-black { background-color: var(--neutral-700); } .adm__tag-enterprise { background-color: var(--neutral-700); color: var(--tangerine-yellow-500); } .adm_flex-center { display: flex; justify-content: center; align-items: center; width: 100%; } .adm__tag-red { background-color: var(--fire-engine-red-500); } .adm__tag-green { background-color: var(--green-500); } .adm__tag-blue { background-color: var(--summer-sky-500); display: inline-block; } .adm__tag-dark-blue { background-color: var(--paris-m-500); } .adm__list { gap: 16px; display: flex; flex-direction: column; text-align: left; font-family: var(--text-400-font-family); font-size: var(--text-400-font-size); font-style: var(--text-400-font-style); color: var(--neutral-800); font-weight: var(--text-regular-font-weight); line-height: var(--text-400-line-height) } .adm__list ul { padding-left: 32px; } input[type="password"]::-webkit-textfield-decoration-container, input::-ms-reveal, input::-ms-clear, input::-webkit-contacts-auto-fill-button, input::-webkit-creadentials-auto-fill-button { display: none !important; } .adm-chat_user-avatar { display: flex; justify-content: center; align-items: center; width: 4.8rem; height: 4.8rem; flex-shrink: 0; aspect-ratio: 1/1; border-radius: 10rem; object-fit: cover; } .adm-chat__user-logo { display: flex; justify-content: center; align-items: center; width: 4.8rem; height: 4.8rem; flex-shrink: 0; aspect-ratio: 1/1; background: var(--summer-sky-500); line-height: 2.2rem; border-radius: 10rem; color: var(--neutral-100); } .adm-chat_user-avatar { display: flex; justify-content: center; align-items: center; width: 4.8rem; height: 4.8rem; flex-shrink: 0; aspect-ratio: 1/1; border-radius: 10rem; object-fit: cover; } .adm-chat__user-logo.fallback { display: none; } .adm__add-user-to-chat-item { display: flex; align-items: center; gap: 8px; } #chat_members_panel #all_users_div.dropdown-menu { max-height: 300px; overflow-y: auto; } #chat_members_panel #users_div { display: flex; gap: 8px; } #chat_members_panel .followers-body { display: flex; flex-wrap: wrap; gap: 8px; } .margin-left-full{ margin-left: auto; } .adm-card { max-width: 577px; width: 100%; padding: 24px 44px; display: flex; flex-direction: column; gap: 24px; background-color: var(--neutral-200); border-radius: 4px; } .adm-ordered-list { width: 100%; display: flex; flex-direction: column; gap: 16px; padding-left: 24px; } .adm-spinner { animation: rotate 2s linear infinite; } .adm-spinner circle { stroke-dasharray: 100; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite; } @keyframes rotate { 100% { transform: rotate(360deg) } } @keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } .adm-spinner_container { width: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center; gap: 16px; } .adm-mini-spinner_container { display: flex; justify-content: center; flex-direction: column; align-items: center; gap: 16px; } .adm-mini-spinner_container > svg{ width:3.2rem; height: auto; } .adm-tooltip { position: absolute; background-color: var(--paris-m-500); color: var(--neutral-100); padding: 12px; border-radius: 8px; display: flex; justify-content: center; align-items: center; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 9999; white-space: nowrap; } .adm-tooltip::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); border: 6px solid transparent; } .adm-tooltip-bottom::after { top: -10px; border-bottom-color: var(--paris-m-500); } .adm-tooltip-top::after { top: -10px; border-bottom-color: var(--paris-m-500); } .custom-toast__container { display: flex !important; align-items: stretch !important; min-width: 250px !important; max-width: 527px !important; border-radius: 8px !important; } .custom-toast__container.on-page { min-width: none !important; max-width: none !important; width: 100%; } .custom-toast__container.success .custom-toast__icon { background: var(--green-500) !important; color: var(--neutral-100); } .custom-toast__container.error .custom-toast__icon { background: var(--fire-engine-red-500) !important; color: var(--neutral-100); } .custom-toast__container.warning .custom-toast__icon { background: var(--tangerine-yellow-500) !important; color: var(--neutral-100); } .custom-toast__container.information .custom-toast__icon { background: var(--resolution-blue-500) !important; color: var(--neutral-100); } .custom-toast__icon { min-height: 100% !important; align-self: stretch !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; min-width: 64px !important; } .custom-toast__icon svg { border-radius: 100px !important; border: 2px solid var(--neutral-100) !important; width: 28px !important; height: 28px !important; padding: 4px !important; } .custom-toast__main { flex-grow: 1 !important; display: flex !important; padding: 1.6rem !important; gap: 1.6rem !important; } .custom-toast__text-container { flex-grow: 1 !important; display: flex !important; flex-direction: column !important; gap: 4px !important; } .custom-toast__close-button { align-self: start !important; width: 24px !important; height: 24px !important; color: var(--paris-m-500) !important; background: var(--neutral-100) !important; border: 1px solid transparent !important; border-radius: 4px !important; transition: all 250ms ease !important; display: flex !important; justify-content: center !important; padding:0; align-items: center !important; } .custom-toast__close-button:hover { background: var(--neutral-300) !important; } .custom-toast__close-button:focus, .custom-toast__close-button:focus-visible { border: 1px solid var(--summer-sky-500) !important; outline: none !important; } .adm-toast { padding: 0 !important; background-image: none !important; background-color: var(--neutral-100) !important; border-radius: 0.8rem !important; overflow: hidden; animation: none !important; border: 1px solid transparent !important; width: 90%; } .adm-toast.on-page { max-width: 100%; width: fit-content; } .adm-toast.success { border: 1px solid var(--green-500) !important; } .adm-toast.error { border: 1px solid var(--fire-engine-red-500) !important; } .adm-toast.warning { border: 1px solid var(--tangerine-yellow-500) !important; } .adm-toast.information { border: 1px solid var(--resolution-blue-500) !important; } .adm-lines-container { position: absolute; top: 34.5px; left: 0; width: 100%; height: 0; z-index: 1; } .adm-stepper { display: flex; align-items: center; justify-content: space-between; position: relative; width: 100%; } .adm-step { display: flex; flex-direction: column; align-items: center; z-index: 2; } .adm-step-circle { width: 3.1rem; height: 3.1rem; border-radius: 50%; background-color: var(--neutral-400); color: var(--neutral-100); line-height: 3.1rem; text-align: center; font-weight: bold; display: flex; justify-content: center; align-items: center; transition: background-color 0.3s; } .adm-step.active .adm-step-circle, .adm-step.completed .adm-step-circle { background-color: var(--paris-m-200); } .adm-step-label { margin-top: 5px; font-size: 12px; color: var(--neutral-400); } .adm-step.active .adm-step-label { color: var(--paris-m-200); } .adm-stepper-card { display: flex; max-width: 100%; flex-direction: column; justify-content: space-between; align-items: center; gap: 3.2rem; padding: 2rem; background-color: var(--neutral-100); border: 1px solid var(--neutral-300); border-radius: 8px; position: relative; width: 100%; } .adm-step-line { height: 3px; position: absolute; background-color: var(--neutral-400); transition: background-color 0.3s; } .adm-step-line.active { background-color: var(--paris-m-200); } .adm-stepper__step-content { display: none; width: 100%; flex-direction: column; align-items: center; background-color: var(--neutral-100); gap: 3.2rem; } .adm-stepper__step-content.active { display: flex; } .adm_title { color: var(--heading-h2-color); font-feature-settings: var(--heading-h2-font-feature-settings); font-family: var(--heading-h2-font-family); font-size: var(--heading-h2-font-size); font-style: var(--heading-h2-font-style); font-weight: var(--heading-h2-font-weight); line-height: var(--heading-h2-line-height); } .adm_title-description { color: var(--body-large-color); font-feature-settings: var(--body-large-font-feature-settings); font-family: var(--body-large-font-family); font-size: var(--body-large-font-size); font-style: var(--body-large-font-style); font-weight: var(--body-large-font-weight); line-height: var(--body-large-line-height); } .adm__footer-thin { text-align: center; flex-shrink: 0; } @media (max-width: 759px) { .adm-search-text, .adm__input-text { font-size: 1.6rem !important; } .adm-search-text::placeholder, .adm__input-text::placeholder { font-size: 1.6rem !important; } } @media print { html, body{ height:auto; overflow: hidden !important; } body{ scrollbar-width: none; -ms-overflow-style:none; } ::-webkit-scrollbar{ display: none; } } @media (max-width: 759px) { .adm_title { color: var(--heading-h4-color); font-feature-settings: var(--heading-h4-font-feature-settings); font-family: var(--heading-h4-font-family); font-size: var(--heading-h4-font-size); font-style: var(--heading-h4-font-style); font-weight: var(--heading-h4-font-weight); line-height: var(--heading-h4-line-height); } .adm_title-description { font-family: var(--text-300-font-family); font-size: var(--text-300-font-size); font-style: var(--text-300-font-style); line-height: var(--text-300-line-height); } .adm__input-label { display: flex; align-items: center; min-height: 3.4rem; font-family: var(--text-300-font-family); font-size: var(--text-300-font-size); font-style: var(--text-300-font-style); line-height: var(--text-300-line-height); } } .adm_header { display: flex; flex-direction: column; } .dxgvSearchPanel_Office365 { background-color: var(--neutral-200); } .table { background: var(--neutral-100); } .adm-center { display: flex; justify-content:center; align-items:center; } .adm-row { display: flex; justify-content: start; align-items: start; flex-wrap: wrap; width: 100%; } .adm-space-between { display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; width: 100%; } .adm-col { display: flex; justify-content: start; align-items: start; flex-wrap: wrap; flex-direction: column; width: 100%; } .adm-rotate { transform: rotate(180deg); } .adm_button-fit-content .adm__btn.adm__btn-primary { width: fit-content; } /*BOOTSTRAP OVERRIDE*/ .btn-primary { color: var(--neutral-100) !important; background-color: var(--resolution-blue-500) !important; border: 1px solid var(--resolution-blue-500) !important; transition: all 250ms ease !important; } .btn-primary:hover { background-color: var(--resolution-blue-400) !important; color: var(--neutral-100) !important; border: 1px solid var(--resolution-blue-400) !important; } .btn-primary.always-disabled .btn-primary:disabled { background-color: var(--resolution-blue-100) !important; } .btn-success { color: var(--neutral-100) !important; background-color: var(--green-500) !important; border: 1px solid var(--green-500) !important; transition: all 250ms ease !important; } .btn-success:hover { background-color: var(--green-400) !important; color: var(--neutral-100) !important; border: 1px solid var(--green-400) !important; } .btn-success:disabled { background-color: var(--green-100) !important; } .btn-info { color: var(--neutral-100) !important; background-color: var(--summer-sky-500) !important; border: 1px solid var(--summer-sky-500) !important; transition: all 250ms ease !important; } .btn-info:hover { background-color: var(--summer-sky-400) !important; color: var(--neutral-100) !important; border: 1px solid var(--summer-sky-400) !important; } .btn-info:disabled { background-color: var(--summer-sky-100) !important; } .btn-secondary { color: var(--resolution-blue-500) !important; background-color: var(--neutral-100) !important; border: 1px solid var(--resolution-blue-500) !important; transition: all 250ms ease !important; } .btn-secondary:hover { background-color: var(--resolution-blue-100) !important; color: var(--resolution-blue-500) !important; } .btn-secondary:disabled { color: var(--resolution-blue-100) !important; border: 1px solid var(--resolution-blue-100) !important; } .btn-danger { color: var(--neutral-100) !important; background-color: var(--fire-engine-red-500) !important; border: 1px solid var(--fire-engine-red-500) !important; transition: all 250ms ease !important; } .btn-danger:hover { background-color: var(--fire-engine-red-400) !important; color: var(--neutral-100) !important; border: 1px solid var(--fire-engine-red-400) !important; } .btn-danger:disabled { background-color: var(--fire-engine-red-100) !important; } .btn-warning { color: var(--neutral-100) !important; background-color: var(--tangerine-yellow-500) !important; border: 1px solid var(--tangerine-yellow-500) !important; transition: all 250ms ease !important; } .btn-warning:hover { background-color: var(--tangerine-yellow-400) !important; color: var(--neutral-100) !important; border: 1px solid var(--tangerine-yellow-400) !important; } .btn-warning:disabled { background-color: var(--tangerine-yellow-100) !important; } .btn { transition: all 250ms ease !important; } .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .label-primary, .progress-bar, .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus, .bg-primary { background-color: var(--resolution-blue-500) !important; border: 1px solid var(--resolution-blue-500) !important; } .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .label-danger, .bg-danger { background-color: var(--fire-engine-red-500) !important; border: 1px solid var(--fire-engine-red-500) !important; } .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, .label-success, fieldset[disabled] .btn-success.focus, .bg-success { background-color: var(--green-500) !important; border: 1px solid var(--green-500) !important; } .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .label-info, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .bg-info { background-color: var(--summer-sky-500) !important; border: 1px solid var(--summer-sky-500) !important; } .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .label-warning, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .bg-warning { background-color: var(--tangerine-yellow-500) !important; border: 1px solid var(--tangerine-yellow-500) !important; } .ui-tabs-active { background-color: var(--resolution-blue-100) !important; border: 1px solid var(--resolution-blue-100) !important; } input[type=checkbox]:checked { accent-color: var(--resolution-blue-500) !important; } .adm-error_technical-details { display: flex; flex-direction: column; align-items: start; background-color: var(--neutral-200); padding: 16px; gap: 8px; border-radius: 8px; border: 1px solid var(--neutral-300); } .adm-error_technical-details p { text-align:start; } .adm-error_button-container { display: flex; flex-direction: column; gap: 8px; }