/* 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 '-' (57,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 '-' (63,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 '-' (69,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 '-' (75,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 '-' (81,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 '-' (85,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 '-' (95,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 '-' (103,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 '-' (111,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 '-' (119,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 '-' (127,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 '-' (135,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 '-' (143,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 '-' (151,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 '-' (159,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 '-' (164,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 '-' (169,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 '-' (174,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 '-' (179,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 '-' (184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (194,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-color' (195,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-font-feature-settings' (196,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-font-family' (197,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-font-size' (198,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-font-style' (199,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-font-weight' (200,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-line-height' (204,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-color' (205,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-feature-settings' (206,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-family' (207,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-size' (208,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-style' (209,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-weight' (210,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-line-height' (214,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-color' (215,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-font-feature-settings' (216,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-font-family' (217,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-font-size' (218,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-font-style' (219,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-font-weight' (220,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-line-height' (224,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-color' (225,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-feature-settings' (226,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-family' (227,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-size' (228,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-style' (229,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-weight' (230,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-line-height' (234,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-color' (235,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-font-feature-settings' (236,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-font-family' (237,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-font-size' (238,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-font-style' (239,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-font-weight' (240,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-line-height' (244,17): run-time error CSS1039: Token not allowed after unary operator: '-body-large-color' (245,33): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-feature-settings' (246,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-family' (247,21): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-size' (248,22): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-style' (249,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-weight' (250,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-line-height' (254,17): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-color' (255,33): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-font-feature-settings' (256,23): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-font-family' (257,21): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-font-size' (258,22): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-font-style' (259,23): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-font-weight' (260,23): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-line-height' (264,17): run-time error CSS1039: Token not allowed after unary operator: '-body-small-color' (265,33): run-time error CSS1039: Token not allowed after unary operator: '-body-small-font-feature-settings' (266,23): run-time error CSS1039: Token not allowed after unary operator: '-body-small-font-family' (267,21): run-time error CSS1039: Token not allowed after unary operator: '-body-small-font-size' (268,22): run-time error CSS1039: Token not allowed after unary operator: '-body-small-font-style' (269,23): run-time error CSS1039: Token not allowed after unary operator: '-body-small-font-weight' (270,23): run-time error CSS1039: Token not allowed after unary operator: '-body-small-line-height' (275,23): run-time error CSS1039: Token not allowed after unary operator: '-text-500-font-family' (276,21): run-time error CSS1039: Token not allowed after unary operator: '-text-500-font-size' (277,22): run-time error CSS1039: Token not allowed after unary operator: '-text-500-font-style' (278,23): run-time error CSS1039: Token not allowed after unary operator: '-text-500-line-height' (282,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-family' (283,21): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-size' (284,22): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-style' (285,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-line-height' (289,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family' (290,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size' (291,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style' (292,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height' (296,23): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-family' (297,21): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-size' (298,22): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-style' (299,23): run-time error CSS1039: Token not allowed after unary operator: '-text-200-line-height' (303,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-family' (304,21): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-size' (305,22): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-style' (306,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-line-height' (310,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-family' (311,21): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-size' (312,22): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-style' (313,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-line-height' (317,23): run-time error CSS1039: Token not allowed after unary operator: '-text-bold-font-weight' (321,23): run-time error CSS1039: Token not allowed after unary operator: '-text-medium-font-weight' (325,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight' (332,24): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (415,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (421,34): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (454,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (458,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (462,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (468,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (472,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (476,17): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-400' (499,17): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500' (503,17): run-time error CSS1039: Token not allowed after unary operator: '-enterprise-black' (507,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (511,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (556,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (558,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (560,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (577,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (589,36): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (597,25): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500' (603,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (605,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (607,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (620,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (632,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (637,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (665,17): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (672,21): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (677,21): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (687,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-family' (688,21): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-size' (689,22): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-style' (690,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-line-height' (701,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (727,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (730,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (749,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (757,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (762,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500' (767,27): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-family' (768,25): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-size' (769,26): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-style' (770,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (771,27): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight' (772,27): run-time error CSS1039: Token not allowed after unary operator: '-text-200-line-height' (776,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (790,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (801,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (812,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (851,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (852,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (855,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (859,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (867,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (872,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (882,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (903,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400' (909,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (913,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (922,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (925,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (941,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (943,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (964,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (965,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (966,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family' (967,25): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size' (968,26): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style' (969,27): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight' (970,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height' (1002,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400' (1008,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (1019,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1020,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1021,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family' (1022,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size' (1023,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style' (1024,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight' (1025,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height' (1026,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1031,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (1038,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (1039,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (1045,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1047,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family' (1048,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size' (1049,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style' (1050,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight' (1051,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height' (1066,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (1074,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1080,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (1087,17): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500' (1088,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-family' (1089,21): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-size' (1090,22): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-style' (1091,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight' (1092,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-line-height' (1101,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family' (1102,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size' (1103,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style' (1104,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1105,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight' (1106,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height' (1111,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500' (1115,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (1119,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (1120,17): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500' (1131,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500' (1135,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500' (1139,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (1144,28): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500' (1148,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1156,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-family' (1157,21): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-size' (1158,22): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-style' (1159,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (1160,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight' (1161,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-line-height' (1197,22): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (1200,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1210,22): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (1213,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1272,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (1341,28): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500' (1342,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1366,31): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500' (1371,31): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500' (1390,26): run-time error CSS1039: Token not allowed after unary operator: '-green-500' (1391,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1395,26): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500' (1396,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1400,26): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500' (1401,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1404,26): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1405,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1422,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1446,17): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500' (1447,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1458,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (1463,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (1471,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1485,32): run-time error CSS1039: Token not allowed after unary operator: '-green-500' (1489,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500' (1493,32): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500' (1497,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1529,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (1530,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1541,28): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-200' (1547,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (1551,17): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-200' (1562,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1563,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (1572,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (1577,32): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-200' (1587,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1597,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-color' (1598,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-feature-settings' (1599,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-family' (1600,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-size' (1601,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-style' (1602,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-weight' (1603,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-line-height' (1608,17): run-time error CSS1039: Token not allowed after unary operator: '-body-large-color' (1609,33): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-feature-settings' (1610,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-family' (1611,21): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-size' (1612,22): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-style' (1613,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-weight' (1614,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-line-height' (1681,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-color' (1682,37): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-feature-settings' (1683,27): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-family' (1684,25): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-size' (1685,26): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-style' (1686,27): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-weight' (1687,27): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-line-height' (1691,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family' (1692,25): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size' (1693,26): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style' (1694,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height' (1701,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family' (1702,25): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size' (1703,26): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style' (1704,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height' (1714,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (1718,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1760,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1761,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1762,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1768,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400' (1769,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1770,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400' (1774,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (1778,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1779,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500' (1780,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500' (1786,32): run-time error CSS1039: Token not allowed after unary operator: '-green-400' (1787,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1788,32): run-time error CSS1039: Token not allowed after unary operator: '-green-400' (1792,32): run-time error CSS1039: Token not allowed after unary operator: '-green-100' (1796,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1797,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (1798,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (1804,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-400' (1805,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1806,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-400' (1810,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-100' (1815,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1816,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1817,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1823,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (1824,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1828,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (1829,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (1835,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1836,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500' (1837,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500' (1843,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-400' (1844,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1845,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-400' (1849,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-100' (1853,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1854,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500' (1855,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500' (1861,32): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-400' (1862,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (1863,32): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-400' (1867,32): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-100' (1890,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1891,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1908,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500' (1909,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500' (1924,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500' (1925,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500' (1941,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (1942,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500' (1957,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500' (1958,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500' (1963,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (1964,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100' (1968,24): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500' (1975,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (1979,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (1993,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (1999,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (2020,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (2022,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (2044,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (2055,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (2057,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (2096,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (2097,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (2099,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (2105,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (2110,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500' (2111,17): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500' (2115,17): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500' (2119,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500' (2120,17): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500' (2124,17): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500' (2129,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500' (2130,17): run-time error CSS1039: Token not allowed after unary operator: '-green-500' (2134,17): run-time error CSS1039: Token not allowed after unary operator: '-green-500' (2177,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (2192,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (2200,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (2208,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (2217,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (2248,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (2249,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (2258,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (2259,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (2271,42): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' */ @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; --tangerine-yellow-600: #FFC407; /* 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: 767.98px) { body .show-sm { display: flex; } body .hide-sm { display: none; } } @media (min-width: 768px) and (max-width: 1023.98px) { body .show-md { display: flex; } body .hide-md { display: none !important; } } @media (min-width: 1024px) and (max-width: 1279.98px) { body .show-lg { display: flex; } body .hide-lg { display: none !important; } } @media (min-width: 1280px) and (max-width: 1535.98px) { 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; transition: all 250ms ease; } 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-500) } .neutral-400 { color: var(--neutral-400) } .line-through{ text-decoration:line-through; } .neutral-800 { color: var(--neutral-800) } .neutral-100 { color: var(--neutral-100) } .paris-m-400 { color: var(--paris-m-400) } .adm-anchor { display: block; color: inherit; text-decoration: none; cursor: pointer; } .adm-anchor:hover, .adm-anchor:focus, .adm-anchor:active, .adm-anchor:visited { color: inherit; text-decoration: none; } .adm-anchor:focus-visible { outline: none; } .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; width: -webkit-fill-available; 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-login__main-form .adm_toggle-container { min-width: 513px; } .adm-login__main-form .adm_toggle-container a { white-space: normal; word-wrap: break-word; overflow-wrap: anywhere; } .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__tag-clients-portal { background-color: var(--resolution-blue-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-table__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); text-decoration: none; } .text-decoration-none { text-decoration: none !important; } .inline-margin-auto { margin-inline: auto !important; } .adm-table__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-table__user-logo.fallback { display: none; } .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 !important; overflow: visible !important; margin: 0 !important; padding: 0 !important; } body{ scrollbar-width: none; -ms-overflow-style:none; } ::-webkit-scrollbar{ display: none; } /* Asegurar que DataTables y contenedores no recorten */ #myTable_wrapper, #myTable, #myTable tbody, .dataTables_wrapper, .dataTables_scroll, .dataTables_scrollBody, .main-wrapper, .main-body-content, #partial_view, #main, #content { overflow: visible !important; max-height: none !important; height: auto !important; } /* Evitar que las filas se partan entre p�ginas */ tr { page-break-inside: avoid; } #hubspot-messages-iframe-container, #hubspot-messages-iframe-container *, #hubspot-conversations-iframe { display: none !important; visibility: hidden !important; } } @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; } dialog.adm-dialog { border: 1px solid var(--neutral-400); border-radius: 8px; padding: 3.2rem; width: 90%; min-width: 300px; max-width: 795px; background-color: var(--neutral-200); } dialog.adm-dialog .adm__home-header { padding-right: 44px; } dialog.adm-dialog .avatar-circle-large { height: 64px; width: 64px; max-height: 64px; max-width: 64px; flex-shrink: 0; } a.adm__dialog-grid-item { display: flex; flex-direction: column; align-items: center; gap: 12px; border-radius: 8px; border: 1px solid var(--neutral-400); padding: 12px 4px; background-color: var(--neutral-100); transition: all 250ms ease; text-decoration: none !important; max-height: 171px; height: 100%; } .adm__dialog-grid-item-name{ text-align: center; } .adm__dialog-grid-item * { text-decoration: none; } .adm-dialog h2, .adm-dialog p { padding: 0 !important; margin: 0 !important; } .adm__dialog-grid-item:hover { background-color: var(--neutral-300); } .adm__dialog-grid-list { display: grid; gap: 16px; height: fit-content; max-height: 50vh; overflow-y: auto; grid-template-columns: repeat(auto-fill,120px); padding: 16px; background-color: var(--neutral-100); border-radius: 8px; border: 1px solid var(--neutral-400); justify-content: center; } .adm__input-text-area { min-height: 120px; height: 120px; max-height: 200px; } .adm-fit-content { width: fit-content !important; } dialog.adm-dialog.adm-dialog__survey { max-width: 600px; } dialog.adm-dialog.adm-dialog__survey .adm__home-header { padding-inline: 0; } dialog.adm-dialog.adm-dialog__survey .adm__home-header .adm_title { padding-inline: 44px !important; } dialog.adm-dialog .adm-dialog_floating-close-btn { position: absolute; right: 0; top: 0; } dialog.adm-dialog .adm-dialog__survey-option { display: flex; flex-direction: column; padding: 8px; align-items: center; gap: 4px; width: 111px; border: 1px solid var(--neutral-500); color: var(--neutral-600); border-radius: 8px; background-color: var(--neutral-100); transition: all 250ms ease-in; opacity: 1; } dialog.adm-dialog .adm-dialog__survey-option.selected { background-color: var(--neutral-100); opacity: 1 !important; } dialog.adm-dialog #Dissatisfied.adm-dialog__survey-option.selected { border: 1px solid var(--fire-engine-red-500) !important; color: var(--fire-engine-red-500); } dialog.adm-dialog #Dissatisfied.adm-dialog__survey-option.selected svg{ color: var(--fire-engine-red-500); } dialog.adm-dialog #Normal.adm-dialog__survey-option.selected { border: 1px solid var(--tangerine-yellow-500) !important; color: var(--tangerine-yellow-500) !important; } dialog.adm-dialog #Normal.adm-dialog__survey-option.selected svg{ color: var(--tangerine-yellow-500) !important; } dialog.adm-dialog #Sasstisfied.adm-dialog__survey-option.selected { border: 1px solid var(--green-500) !important; color: var(--green-500) !important; } dialog.adm-dialog #Sasstisfied.adm-dialog__survey-option.selected svg { color: var(--green-500) !important; } dialog.adm-dialog .adm-dialog__survey-option.not-selected { opacity: 0.35; } dialog.adm-dialog.adm-dialog__survey .adm-dialog__survey-header { display: flex; flex-direction: column; gap: 16px; align-items: center; justify-content: center; } dialog.adm-dialog.adm-dialog__survey .adm_row-btn { gap: 24px; } dialog.adm-dialog .adm-dialog__survey-form { display: flex; flex-direction: column; gap: 4px; align-items: center; justify-content: center; } .adm-authentication-request-code__image > svg { max-width: 528px; max-height: 316px; width: 100%; height: auto; } .adm_row-btn { display: flex; gap: 8px; justify-content: center; } dialog.adm-dialog .adm-dialog__survey-option:hover { transform: scale(1.02); background-color: var(--neutral-300); opacity: 1; } dialog.adm-dialog .adm-dialog__survey-options { display: flex; justify-content:center; width: 100%; align-items: center; gap: 12px; } dialog.adm-dialog .adm-dialog__survey-option svg{ transition: all 250ms ease-in; color: var(--neutral-600); } dialog.adm-dialog.adm-dialog__survey .adm__dialog-body { padding-block: 42px; } dialog .adm-dialog .adm__dialog-grid-list-no-results-message { width: 100%; border: 1px solid var(--neutral-400); border-radius: 8px; display: flex; gap: 8px; justify-content: center; align-items: center; flex-direction: column; height: 200px; background-color: var(--neutral-100); } .adm__dialog-body { display: flex; gap: 10px; flex-direction: column; } .adm__dialog-body input.adm-search-text { border: 1px solid var(--neutral-400); } table tr#waiting_message_row > td{ white-space: nowrap !important; } @media (max-width: 759px) { .adm__dialog-grid-list { grid-template-columns: repeat(auto-fill,minmax(100px,1fr)); } } @media (max-width: 767px) { .table-responsive > .table > tbody > tr > td { white-space: pre-wrap !important; overflow-wrap: anywhere; } } .adm-sticky-header-with-options #myTable_wrapper .dt-buttons, .adm-sticky-header-with-options .dataTables_filter { position: sticky !important; top: 5px; z-index: 20; } .adm-sticky-header-with-options.table-responsive { max-height: 600px; overflow-y: auto !important; padding: 8px; border-radius: 8px; border: 1px solid var(--neutral-300); background-color: var(--neutral-100); position: relative; z-index: 0; } .adm-sticky-header-with-options #myTable thead th { position: sticky; top: 65px; z-index: 10; background-color: var(--neutral-100); box-shadow: 0 -62px 0 18px var(--neutral-100); padding-top: 15px; } @media screen and (max-width: 640px) { .adm-sticky-header-with-options #myTable_wrapper .dataTables_filter { top: 50px; } .adm-sticky-header-with-options #myTable thead th { top: 110px; box-shadow: 0 -134px 0 50px var(--neutral-100); padding-top: 35px; } } .adm-illustration-w-container { display: flex; flex-direction: column; gap: 1.6rem; align-items: center; width: 100%; }