/* Minification failed. Returning unminified contents. (7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,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 '-' (33,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 '-' (39,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 '-' (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 '-' (45,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 '-' (50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (51,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 '-' (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 '-' (58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (97,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (98,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (99,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (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 '-' (112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (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 '-' (120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (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 '-' (128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (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 '-' (152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (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 '-' (160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (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 '-' (170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (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 '-' (180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (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 '-' (187,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 '-' (207,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (208,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxl' (209,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-huge' (213,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (214,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xl' (215,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xxl' (219,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (220,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-lg' (221,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xl' (226,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (227,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-lg' (228,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-lg' (232,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (233,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-md' (234,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-lg' (238,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (239,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (240,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md' (245,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (246,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (247,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-lg' (251,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (252,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs' (253,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md' (257,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (258,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (259,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (264,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (265,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs' (266,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md' (270,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (271,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (272,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (276,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (277,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs' (278,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (283,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (284,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (285,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (289,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (290,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs' (291,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (295,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (296,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-hadron' (297,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xxs' (303,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (308,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (309,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (309,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (310,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (314,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-none' (332,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (335,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-md' (336,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (340,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (340,58): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-pure' (341,22): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-tinted' (342,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1' (343,17): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-deep' (347,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (347,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (348,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-tinted' (349,34): run-time error CSS1039: Token not allowed after unary operator: '-color-opacity-medium' (350,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (356,17): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pure' (360,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (364,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (368,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs' (372,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (376,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs' (380,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (388,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-md' (392,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-lg' (396,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xl' (400,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxl' (404,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-huge' (435,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (439,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (454,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-xl' (494,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (498,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (499,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (500,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (501,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (502,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (506,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (507,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (508,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (509,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (510,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (519,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (520,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (524,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (525,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (529,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (530,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (535,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pale' (536,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-tinted' (540,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-tinted' (541,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure' (545,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (546,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (550,28): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-pure' (551,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-pure' (559,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (563,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-5' (568,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (568,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (572,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (572,58): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (578,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success-dark' (582,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success-pure' (584,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark' (585,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success-tinted' (590,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-active-color' (592,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (597,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep' (601,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (605,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (609,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (613,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pure' (617,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal' (621,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-midcharcoal' (625,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (629,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure' (633,17): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-pure' (637,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (641,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (671,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (673,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-xs' (675,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (676,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (676,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (677,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (682,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (683,32): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (684,26): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (687,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (691,32): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (693,26): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (706,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-hadron' (706,46): run-time error CSS1039: Token not allowed after unary operator: '-margin-quark' (709,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-quark' (710,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark' (711,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (711,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (712,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (719,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (722,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-xs' (724,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (725,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (725,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (726,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (731,19): run-time error CSS1039: Token not allowed after unary operator: '-margin-quark' (735,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark' (736,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (737,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (741,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-tinted' (742,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure' (747,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-hadron' (747,46): run-time error CSS1039: Token not allowed after unary operator: '-margin-quark' (749,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-quark' (750,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark' (751,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (751,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (752,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (757,22): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (757,62): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (758,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (825,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (826,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (827,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (828,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (829,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (830,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (831,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (832,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (833,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (839,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (840,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (841,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (842,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (846,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (851,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (852,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (854,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (856,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (858,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (859,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (877,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (881,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (882,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (890,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (892,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (893,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (894,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (895,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (896,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (897,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (898,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (910,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (915,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (925,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1' (930,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1' (945,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (950,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs' (966,28): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg' (967,17): run-time error CSS1039: Token not allowed after unary operator: '-_color-text' (968,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none' (978,32): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg-hover' (979,21): run-time error CSS1039: Token not allowed after unary operator: '-_color-text' (988,32): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg-active' (989,21): run-time error CSS1039: Token not allowed after unary operator: '-_color-text' (998,32): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (999,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (1005,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1006,17): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg' (1007,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1007,58): run-time error CSS1039: Token not allowed after unary operator: '-_color-border' (1011,32): run-time error CSS1039: Token not allowed after unary operator: '-_color-pale' (1012,21): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg-active' (1013,28): run-time error CSS1039: Token not allowed after unary operator: '-_color-border-hover' (1017,32): run-time error CSS1039: Token not allowed after unary operator: '-_color-light' (1018,28): run-time error CSS1039: Token not allowed after unary operator: '-_color-border-hover' (1023,32): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1024,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1025,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1031,21): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1032,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1037,25): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1038,32): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1047,32): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1048,25): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1056,17): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg' (1062,28): run-time error CSS1039: Token not allowed after unary operator: '-_color-pale' (1063,17): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg-active' (1068,28): run-time error CSS1039: Token not allowed after unary operator: '-_color-light' (1073,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1074,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1080,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1086,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1097,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1106,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1106,44): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (1107,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs' (1108,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (1112,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1112,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (1113,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (1114,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (1118,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1118,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1119,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (1120,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (1125,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1126,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (1127,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md' (1131,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1132,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (1133,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (1139,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1140,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (1141,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (1160,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1160,83): run-time error CSS1039: Token not allowed after unary operator: '-_color-text' (1164,49): run-time error CSS1039: Token not allowed after unary operator: '-_color-text' (1168,49): run-time error CSS1039: Token not allowed after unary operator: '-_color-text' (1172,30): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (1177,30): run-time error CSS1039: Token not allowed after unary operator: '-_color-border' (1181,30): run-time error CSS1039: Token not allowed after unary operator: '-_color-border-hover' (1185,30): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1218,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1219,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (1220,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (1221,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (1222,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1223,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (1235,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (1250,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal' (1258,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (1259,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (1260,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1267,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1267,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1271,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1271,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1275,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1279,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (1283,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (1287,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (1288,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (1292,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1293,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1298,25): run-time error CSS1039: Token not allowed after unary operator: '-padding-xxs' (1308,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1311,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (1313,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (1325,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (1329,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-tinted' (1333,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (1337,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-tinted' (1410,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (1422,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (1426,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-pill' (1427,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none' (1451,28): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg' (1452,17): run-time error CSS1039: Token not allowed after unary operator: '-_color-text' (1460,32): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg-hover' (1468,32): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg-active' (1476,32): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (1477,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (1483,17): run-time error CSS1039: Token not allowed after unary operator: '-_color-pale' (1484,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1484,58): run-time error CSS1039: Token not allowed after unary operator: '-_color-pale' (1489,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1' (1494,17): run-time error CSS1039: Token not allowed after unary operator: '-_color-pale' (1495,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1495,58): run-time error CSS1039: Token not allowed after unary operator: '-_color-border' (1499,32): run-time error CSS1039: Token not allowed after unary operator: '-_color-pale' (1500,21): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg-active' (1501,28): run-time error CSS1039: Token not allowed after unary operator: '-_color-border-hover' (1505,32): run-time error CSS1039: Token not allowed after unary operator: '-_color-light' (1509,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1510,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1518,17): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg' (1523,32): run-time error CSS1039: Token not allowed after unary operator: '-_color-pale' (1524,21): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg-active' (1529,32): run-time error CSS1039: Token not allowed after unary operator: '-_color-light' (1534,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1543,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1543,44): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (1544,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (1545,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md' (1549,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1549,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (1550,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (1551,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (1555,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1555,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1556,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (1557,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (1566,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1567,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-pill' (1568,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (1569,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (1575,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-none' (1579,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (1592,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (1599,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1599,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1602,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (1603,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark' (1604,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1604,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (1605,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1613,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (1618,26): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (1623,22): run-time error CSS1039: Token not allowed after unary operator: '-border-width-thin' (1623,58): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pure' (1624,26): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1630,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal' (1635,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1635,58): run-time error CSS1039: Token not allowed after unary operator: '-color-success-pure' (1636,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1639,22): run-time error CSS1030: Expected identifier, found '.' (1639,48): run-time error CSS1031: Expected selector, found ')' (1639,48): run-time error CSS1025: Expected comma or open brace, found ')' (1646,24): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (1647,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1652,22): run-time error CSS1039: Token not allowed after unary operator: '-border-width-thin' (1652,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (1653,32): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1656,22): run-time error CSS1030: Expected identifier, found '.' (1656,40): run-time error CSS1031: Expected selector, found ')' (1656,40): run-time error CSS1025: Expected comma or open brace, found ')' (1666,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (1674,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (1675,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs' (1676,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (1681,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1683,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1683,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (1687,26): run-time error CSS1030: Expected identifier, found '.' (1687,47): run-time error CSS1031: Expected selector, found ')' (1687,47): run-time error CSS1025: Expected comma or open brace, found ')' (1705,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (1717,23): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1717,49): run-time error CSS1039: Token not allowed after unary operator: '-padding-xl' (1717,73): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1717,99): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1721,23): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1721,48): run-time error CSS1039: Token not allowed after unary operator: '-padding-xxl' (1721,73): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1721,98): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1726,21): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (1735,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (1739,23): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1739,49): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1739,74): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1739,100): run-time error CSS1039: Token not allowed after unary operator: '-padding-lg' (1748,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (1756,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (1760,23): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1760,48): run-time error CSS1039: Token not allowed after unary operator: '-padding-xxl' (1760,73): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1760,99): run-time error CSS1039: Token not allowed after unary operator: '-padding-lx' (1772,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-md' (1774,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1774,44): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (1776,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark' (1777,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1777,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (1778,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1785,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (1822,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-none' (1823,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1840,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (1841,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-pill' (1842,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-thin' (1842,54): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (1850,32): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (1906,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (1907,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (1911,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (1915,24): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep' (1916,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1' (1917,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (1921,26): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep' (1925,24): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-deep' (1926,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1' (1927,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (1931,26): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-deep' (1935,24): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (1936,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (1942,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (1952,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (1958,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1958,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1964,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark' (1965,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1965,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (1966,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1997,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep' (2007,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs' (2017,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (2017,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2023,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg' (2024,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2024,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (2025,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2026,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (2027,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs' (2028,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (2038,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep' (2040,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs' (2062,23): run-time error CSS1030: Expected identifier, found '[' (2062,28): run-time error CSS1031: Expected selector, found '=' (2062,28): run-time error CSS1025: Expected comma or open brace, found '=' (2069,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2069,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (2070,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2121,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2124,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (2130,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (2131,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (2133,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (2137,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2137,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (2138,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (2139,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (2164,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2164,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (2165,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (2166,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (2171,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (2175,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (2176,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2181,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (2181,56): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (2181,87): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-none' (2181,118): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-none' (2182,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (2183,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (2184,35): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2188,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (2191,39): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2196,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (2197,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (2198,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (2202,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (2203,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (2204,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (2205,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2209,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (2210,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2210,58): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (2211,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (2215,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (2216,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2220,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2220,58): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (2221,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (2231,19): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (2234,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (2236,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-none' (2236,56): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-none' (2236,87): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (2236,118): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (2237,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (2256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2276,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2277,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (2278,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (2279,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pure' (2280,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (2281,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2285,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (2286,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2290,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-tinted' (2291,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (2295,22): run-time error CSS1039: Token not allowed after unary operator: '-color-success-tinted' (2296,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success-pure' (2300,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-tinted' (2301,17): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-pure' (2352,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (2353,27): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (2415,27): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (2419,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs' (2420,27): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (2558,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-primary' (2591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2594,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (2595,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (2664,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (2665,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2666,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (2670,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (2671,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2682,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (2693,26): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2694,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (2725,26): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2859,32): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (2860,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (2864,17): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pure' */ /*@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');*/ /* Variaveis */ :root { /* TOKENS */ /* Fonte (font-family) */ --font-family-primary: 'Inter', sans-serif; /* Espessura da Fonte (font-weight) */ --font-weight-bold: 700; --font-weight-medium: 500; --font-weight-regular: 400; /* Tamanho da Fonte (font-size) */ --font-size-huge: 64px; --font-size-xxxl: 56px; --font-size-xxl: 48px; --font-size-xl: 40px; --font-size-lg: 32px; --font-size-md: 24px; --font-size-sm: 20px; --font-size-s: 18px; --font-size-xs: 16px; --font-size-xxs: 14px; --font-size-xxxs: 12px; --font-size-hadron: 10px; --font-size-nano: 8px; /* Altura de Linha (line-height) */ --line-height-giant: 72px; --line-height-huge: 64px; --line-height-xxxl: 56px; --line-height-xxl: 48px; --line-height-xl: 40px; --line-height-lg: 32px; --line-height-md: 24px; --line-height-sm: 20px; --line-height-xs: 16px; --line-height-xxs: 14px; --line-height-xxxs: 12px; --line-height-hadron: 10px; --line-height-nano: 8px; --line-height-quark: 4px; /* Raio da Borda (border-radius) */ --border-radius-circular: 50%; --border-radius-pill: 500px; --border-radius-md: 24px; --border-radius-xs: 16px; --border-radius-nano: 8px; --border-radius-quark: 4px; --border-radius-none: 0; /* Espessura da Borda (border-width) */ --border-width-heavy: 8px; --border-width-thick: 4px; --border-width-thin: 2px; --border-width-hairline: 1px; --border-width-none: 0px; /* Opacidade (opacity) */ --opacity-semi-opaque: 0.80; --opacity-super-intense: 0.64; --opacity-intense: 0.40; --opacity-medium: 0.32; --opacity-light: 0.16; --opacity-semi-transparent: 0.08; /* Sombra (shadow) - x y blur spread(0) color */ --shadow-level-1: 0px 1px 2px rgba(0, 0, 0, var(--opacity-medium)); --shadow-level-2: 0px 2px 4px rgba(0, 0, 0, var(--opacity-super-intense)); --shadow-level-3: 0px 4px 8px rgba(0, 0, 0, var(--opacity-semi-transparent)); --shadow-level-4: 0px 8px 16px rgba(0, 0, 0, var(--opacity-light)); --shadow-level-5: 0px 16px 32px rgba(0, 0, 0, var(--opacity-light)); /* Margem Interna (padding) */ --padding-giant: 72px; --padding-huge: 64px; --padding-xxxl: 56px; --padding-xxl: 48px; --padding-xl: 40px; --padding-lx: 36px; --padding-lg: 32px; --padding-md: 24px; --padding-xs: 16px; --padding-xxs: 14px; --padding-nano: 8px; --padding-quark: 4px; --padding-hadron: 2px; /* Margem (margin) */ --margin-giant: 72px; --margin-huge: 64px; --margin-xxxl: 56px; --margin-xxl: 48px; --margin-xl: 40px; --margin-lg: 32px; --margin-md: 24px; --margin-xs: 16px; --margin-nano: 8px; --margin-quark: 4px; --margin-none: 0px; /* CORES */ /* Cores Prim�rias */ --color-primary-tinted: #EAF4EC; --color-primary-pale: #B8D6C1; --color-primary-light: #87B896; --color-primary-soft: #569A6B; --color-primary-pure: #186531; --color-primary-dark: #145128; --color-primary-darker: #0F3D1E; --color-primary-deep: #0A2915; --color-primary-deepest: #05140B; /* Cores Secund�rias */ --color-secondary-tinted: #E8EEF5; --color-secondary-pale: #B3C3DA; --color-secondary-light: #7F9ABD; --color-secondary-soft: #4A70A1; --color-secondary-pure: #163867; --color-secondary-dark: #122D54; --color-secondary-darker: #0D2241; --color-secondary-deep: #09162E; --color-secondary-deepest: #050B17; /* Cores Terci�rias */ --color-tertiary-tinted: #F0F2F6; --color-tertiary-pale: #E6EBF3; --color-tertiary-light: #D6DDE8; --color-tertiary-soft: #C6CCD8; --color-tertiary-pure: #AFB8CB; --color-tertiary-dark: #989EA8; --color-tertiary-darker: #74787F; --color-tertiary-deep: #4F5257; --color-tertiary-deepest: #2B2D30; /* Cores Quatern�rias */ --color-quaternary-tinted: #FFF4E0; --color-quaternary-pale: #FFE5B3; --color-quaternary-light: #FFD580; --color-quaternary-soft: #FFC14D; --color-quaternary-pure: #FFA500; --color-quaternary-dark: #CC8400; --color-quaternary-darker: #996300; --color-quaternary-deep: #664200; --color-quaternary-deepest: #332100; /* Cores de Acento (Accent) */ --color-accent-tinted: #E6F3FF; --color-accent-pale: #B3DCFF; --color-accent-light: #80C4FF; --color-accent-soft: #4DACFF; --color-accent-pure: #0095FF; --color-accent-dark: #007ACC; --color-accent-darker: #005E99; --color-accent-deep: #004366; --color-accent-deepest: #002733; /* Cores de Sucesso (Success) */ --color-success-tinted: #E6F8EC; --color-success-pale: #B3EECB; --color-success-light: #80E4AA; --color-success-soft: #4DDA89; --color-success-pure: #29CC5F; --color-success-dark: #22A64D; --color-success-darker: #1B803B; --color-success-deep: #145A29; --color-success-deepest: #0A2D14; /* Cores de Alerta (Warning) */ --color-warning-tinted: #FFECD9; --color-warning-pale: #FFD0A3; --color-warning-light: #FFB46D; --color-warning-soft: #FF9936; --color-warning-pure: #FF8A00; --color-warning-dark: #CC6E00; --color-warning-darker: #995300; --color-warning-deep: #663700; --color-warning-deepest: #331C00; /* Cores de Erro (Error) */ --color-error-tinted: #FBE8E6; --color-error-pale: #F2BFB9; --color-error-light: #E9968C; --color-error-soft: #E06C5F; --color-error-pure: #D44333; --color-error-dark: #AA3729; --color-error-darker: #802B1F; --color-error-deep: #551E14; --color-error-deepest: #2B100A; /* Cores Neutras (Neutral) */ --color-neutral-tinted: #FAFAFA; --color-neutral-pale: #E5E5E5; --color-neutral-light: #D1D1D1; --color-neutral-soft: #BDBDBD; --color-neutral-pure: #A8A8A8; --color-neutral-dark: #949494; --color-neutral-darker: #7F7F7F; --color-neutral-deep: #4A4A4A; --color-neutral-deepest: #292929; /* Cores Essenciais (Essence)*/ --color-essence-ivory: #FFFFFF; --color-essence-charcoal: #000; --color-essence-midcharcoal: #2b2b2b; } /* Geral */ img { width: 100%; height: 100%; } ul { list-style: none; } p { margin: 0; } /* Display Styles */ .display-large { font-weight: var(--font-weight-bold); font-size: var(--font-size-xxl); line-height: var(--line-height-huge); } .display-medium { font-weight: var(--font-weight-bold); font-size: var(--font-size-xl); line-height: var(--line-height-xxl); } .display-small { font-weight: var(--font-weight-bold); font-size: var(--font-size-lg); line-height: var(--line-height-xl); } /* Headline Styles */ .headline-large { font-weight: var(--font-weight-bold); font-size: var(--font-size-lg); line-height: var(--line-height-lg); } .headline-medium { font-weight: var(--font-weight-bold); font-size: var(--font-size-md); line-height: var(--line-height-lg); } .headline-small { font-weight: var(--font-weight-regular); font-size: var(--font-size-sm); line-height: var(--line-height-md); } /* Title Styles */ .title-large { font-weight: var(--font-weight-bold); font-size: var(--font-size-sm); line-height: var(--line-height-lg); } .title-medium { font-weight: var(--font-weight-bold); font-size: var(--font-size-xs); line-height: var(--line-height-md); } .title-small { font-weight: var(--font-weight-bold); font-size: var(--font-size-xxs); line-height: var(--line-height-xs); } /* Body */ .body-large { font-weight: var(--font-weight-regular); font-size: var(--font-size-xs); line-height: var(--line-height-md); } .body-medium { font-weight: var(--font-weight-regular); font-size: var(--font-size-xxs); line-height: var(--line-height-sm); } .body-small { font-weight: var(--font-weight-regular); font-size: var(--font-size-xxxs); line-height: var(--line-height-sm); } /* Label */ .label-large { font-weight: var(--font-weight-regular); font-size: var(--font-size-xxs); line-height: var(--line-height-xs); } .label-medium { font-weight: var(--font-weight-regular); font-size: var(--font-size-xxxs) !important; line-height: var(--line-height-xs); } .label-small { font-weight: var(--font-weight-regular); font-size: var(--font-size-hadron); line-height: var(--line-height-xxs); } /* Avatar */ .avatar { display: flex; padding: var(--padding-nano, 8px); flex-direction: column; justify-content: center; align-items: center; flex-shrink: 0; border-radius: var(--border-radius-nano, 8px); border: var(--border-width-hairline, 1px) solid var(--color-neutral-light, #D1D1D1); background: var(--color-neutral-pale, #E5E5E5); } .avatar-img { padding: var(--padding-none, 0px); overflow: hidden; position: relative; } .avatar.large { width: 40px; height: 40px; } .avatar.medium { width: 32px; height: 32px; } /* Alertas */ .alert { display: flex; padding: var(--padding-nano, 8px); justify-content: center; align-items: center; gap: var(--margin-md, 24px); border-radius: var(--border-radius-xs, 16px); } .alert.warning { border: var(--border-width-hairline, 1px) solid var(--color-warning-pure, #FF8A00); background: var(--color-warning-tinted, #FFECD9); box-shadow: var(--shadow-level-1); color: var(--color-warning-deep); } .alert.destructive { border: var(--border-width-hairline, 1px) solid var(--color-error-pure, #D44333); background: var(--color-error-tinted, #FBE8E6); box-shadow: 0 1px 2px 0 var(--color-opacity-medium, rgba(0, 0, 0, 0.32)); color: var(--color-error-pure, #D44333); } /* Text Styles */ .link { text-decoration: underline; color: var(--color-accent-pure); } .bold { font-weight: var(--font-weight-bold); } .regular { font-weight: var(--font-weight-regular); } .ft-xxxs { font-size: var(--font-size-xxxs, 12px) !important; } .ft-xxs { font-size: var(--font-size-xxs, 14px) !important; } .ft-xs { font-size: var(--font-size-xs, 16px) !important; } .ft-sm { font-size: var(--font-size-sm, 20px) !important; } .ft-smd { font-size: 22px !important; } .ft-md { font-size: var(--font-size-md, 24px) !important; } .ft-lg { font-size: var(--font-size-lg, 32px) !important; } .ft-xl { font-size: var(--font-size-xl, 40px) !important; } .ft-xxl { font-size: var(--font-size-xxl, 48px) !important; } .ft-4l { font-size: var(--font-size-huge, 64px) !important; } .ellipse-text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; overflow: hidden; text-align: start; text-overflow: ellipsis; } .line-clamp-2 { -webkit-line-clamp: 2; line-clamp: 2; } .line-clamp-full { -webkit-line-clamp: unset; line-clamp: unset; } .line-normal { line-height: normal; } /* Linha e Barra */ .line { width: 100%; height: 1px; background: var(--color-neutral-pale, #E5E5E5); } .divisor { background: var(--color-neutral-pale, #E5E5E5); width: 1px; align-self: stretch; } /* Crescimento de Flex */ .flex-grow { flex: 1 0 0; } .flex-two-grow { flex: 2.07 0 0; } .gap-6 { gap: var(--margin-xl, 40px) !important; } /* Padding */ .pt-6 { padding-top: 4rem !important; } /* Width */ .mw-150 { min-width: 150px !important; } .w-200 { width: 214px !important; } .w-250 { width: 230px !important; } .w-300 { width: 310px; } .mw-500 { max-width: 500px; } .w-fit { width: fit-content !important; } /* Height */ .h-fit { height: fit-content; } /* Backgrounds */ .bg-white { background: var(--color-essence-ivory, #FFF) !important; } .bg-shadow { border-radius: var(--border-radius-nano, 8px); border: 1px solid var(--color-neutral-pale, #E5E5E5); background: var(--color-essence-ivory, #FFF); padding: var(--padding-xs, 16px); box-shadow: var(--shadow-level-3); } .bg-neutral { border-radius: var(--border-radius-nano, 8px); border: 1px solid var(--color-neutral-pale, #E5E5E5); background: var(--color-neutral-tinted, #FAFAFA); padding: var(--padding-xs, 16px); box-shadow: var(--shadow-level-3); } .bg-neutral-clean { border: 1px solid #E5E7EB; background: #FFF; } .bg-secondary { border: 1px solid var(--color-secondary-pale, #B3C3DA); background: var(--color-secondary-tinted, #E8EEF5) !important; } .bg-tinted { border: 1px solid var(--color-neutral-pale, #E5E5E5); background: var(--color-neutral-tinted, #FAFAFA); } .bg-accent { border: 1px solid var(--color-secondary-pale, #E5E5E5); background: var(--color-secondary-pure, #FAFAFA); color: white; } .bg-primary { border: 1px solid var(--color-primary-pale, #B3C3DA) !important; background: var(--color-primary-tinted, #E8EEF5) !important; } .bg-primary-bold { border: 1px solid var(--color-primary-tinted, #E8EEF5) !important; background: var(--color-primary-pure, #186531) !important; } .bg-secondary-pale { border: 1px solid var(--color-secondary-pale, #B3C3DA) !important; background: var(--color-secondary-pale, #B3C3DA) !important; } .bg-quaternary { border: 1px solid var(--color-quaternary-pure, #FFA500) !important; background: var(--color-quaternary-pure, #FFA500) !important; } .cursor-default { cursor: default !important; } .box-shadow-3 { box-shadow: var(--shadow-level-3); } .box-shadow-5 { box-shadow: var(--shadow-level-5); } /* Bordas */ .border-1 { border: var(--border-width-hairline, 1px) solid var(--color-neutral-pale, #E5E5E5) !important; } .border-accent { border: var(--border-width-hairline, 1px) solid var(--color-secondary-pale, #B3C3DA) !important; } /* Colors */ .success, .check { color: var(--color-success-dark, #22A64D); } .bg-success { color: var(--color-success-pure, #29CC5F) !important; border: none !important; border-radius: var(--border-radius-quark, 4px) !important; background-color: var(--color-success-tinted, #E6F8EC) !important; } /* dropdown item */ .dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--color-neutral-dark); } /* classes cores */ .neutral-deep { color: var(--color-neutral-deep) !important; } .neutral-text { color: var(--color-neutral-darker) !important; } .neutral-soft { color: var(--color-neutral-soft) !important; } .neutral-dark { color: var(--color-neutral-dark) !important; } .neutral-pure { color: var(--color-neutral-pure) !important; } .neutral-color { color: var(--color-essence-charcoal, #000000) !important; } .neutral-midcolor { color: var(--color-essence-midcharcoal, #2b2b2b) !important; } .accent-color { color: var(--color-secondary-pure, #163867); } .primary-color { color: var(--color-primary-pure, #186531); } .warning-pure { color: var(--color-warning-pure, #FF8A00); } .white-color { color: var(--color-essence-ivory, #fff) !important; } .destructive-color { color: var(--color-error-pure, #fff) !important; } .whatsapp-color { color: #449d44 !important; } /* Visivel e escondido */ .hidden { opacity: 0; transform: translateY(-20px); transition: opacity 0.3s ease, transform 0.3s ease; pointer-events: none; } .visible { opacity: 1; transform: translateY(0); transition: opacity 0.3s ease, transform 0.3s ease; pointer-events: auto; } .cursor-pointer { cursor: pointer !important; } /* Item da Lista */ .item-list { display: flex; width: 100%; padding: var(--padding-xs, 16px); justify-content: center; gap: var(--margin-xs, 16px); transition: all .2s ease; border-radius: var(--border-radius-xs, 16px); border: var(--border-width-hairline, 1px) solid var(--color-neutral-pale, #E5E5E5); background: var(--color-essence-ivory, #FFF); align-items: center; } .item-list:hover { border-radius: var(--border-radius-xs, 16px); border: 1px solid var(--color-neutral-pale, #E5E5E5); background: var(--color-essence-ivory, #FFF); cursor: pointer; transform: translateY(-1px); box-shadow: var(--shadow-level-3); } .item-list:active { border: 1px solid var(--color-neutral-pale, #E5E5E5); transform: scale(.99); background: var(--color-neutral-pale, #E5E5E5); } .no-hover, .item-list.no-hover:hover, .item-list.no-hover:active { transform: none !important; box-shadow: none !important; } /* C�digo/Tag */ .code { display: flex; padding: var(--padding-hadron, 2px) var(--margin-quark, 4px); justify-content: center; align-items: center; gap: var(--margin-quark, 4px); border-radius: var(--border-radius-quark, 4px); border: var(--border-width-hairline, 1px) solid var(--color-neutral-pale, #E5E5E5); background: var(--color-neutral-tinted, #FAFAFA); } .indicator { display: flex; width: 100%; height: 100%; padding: var(--padding-xs, 16px); flex-direction: column; justify-content: center; gap: var(--margin-xs, 16px); transition: all .2s ease; border-radius: var(--border-radius-xs, 16px); border: var(--border-width-hairline, 1px) solid var(--color-neutral-pale, #E5E5E5); background: var(--color-neutral-tinted, #FFF); } .price-container .price { display: flex; padding: var(--margin-quark, 4px); justify-content: center; align-items: center; gap: 8px; border-radius: var(--border-radius-quark, 4px); background: var(--color-secondary-tinted, #E8EEF5); color: var(--color-secondary-pure, #E8EEF5); } .price-container .price.aluguel { background: var(--color-primary-tinted, #EAF4EC); color: var(--color-primary-pure, #186531); } .description-container .description { display: flex; padding: var(--padding-hadron, 2px) var(--margin-quark, 4px); align-items: center; gap: var(--margin-quark, 4px); border-radius: var(--border-radius-quark, 4px); border: var(--border-width-hairline, 1px) solid var(--color-neutral-pale, #E5E5E5); background: var(--color-essence-ivory, #FFF); line-height: normal; } .description-container .description.selo { border: var(--border-width-hairline, 1px) solid var(--color-secondary-pale, #B3C3DA); background: var(--color-secondary-tinted, #E8EEF5); } /* Mobile/Web View */ .mobile-view, .mobile-ellipse-view, .mobile-grid-view { display: none !important; } .web-view { display: flex !important; } .web-grid-view { display: grid !important; } .web-ellipse-view { display: -webkit-box !important; } .loading-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.7); display: flex; align-items: center; justify-content: center; z-index: 10; } .tooltip-inner { max-width: 260px !important; width: auto; white-space: normal; } @media screen and (max-width: 768px) { .mobile-view { display: flex !important; } .mobile-ellipse-view { display: -webkit-box !important; } .mobile-grid-view { display: grid !important; } .web-view, .web-ellipse-view, .web-grid-view { display: none !important; } } /* ============================================================ DESIGN TOKENS — Mapeamento de variantes ============================================================ */ /* --- Accent (Azul) --- */ .btn-accent, .chip-accent { --_color-bg: var(--color-secondary-pure, #163867); --_color-bg-hover: var(--color-secondary-darker, #0D2241); --_color-bg-active: var(--color-secondary-deepest, #050B17); --_color-text: var(--color-essence-ivory, #FFF); --_color-border: var(--color-secondary-pure, #163867); --_color-border-hover: var(--color-secondary-deep, #09162E); --_color-pale: var(--color-secondary-pale, #B3C3DA); --_color-light: var(--color-secondary-light, #7F9ABD); --_color-tinted: var(--color-secondary-tinted, #E8EEF5); } /* --- Primary (Verde) --- */ .btn-primary, .chip-primary { --_color-bg: var(--color-primary-pure, #186531); --_color-bg-hover: var(--color-primary-darker, #145128); --_color-bg-active: var(--color-primary-deep, #0A2915); --_color-text: var(--color-essence-ivory, #FFF); --_color-border: var(--color-primary-pure, #186531); --_color-border-hover: var(--color-primary-deep, #0A2915); --_color-pale: var(--color-primary-pale, #B8D6C1); --_color-light: var(--color-primary-light, #87B896); --_color-tinted: var(--color-primary-tinted, #EAF4EC); } /* --- Quaternary (Laranja) --- */ .btn-quaternary, .chip-quaternary { --_color-bg: var(--color-quaternary-dark, #CC8400); --_color-bg-hover: var(--color-quaternary-darker, #996300); --_color-bg-active: var(--color-quaternary-deep, #664200); --_color-text: var(--color-essence-ivory, #FFF); --_color-border: var(--color-quaternary-dark, #CC8400); --_color-border-hover: var(--color-quaternary-deep, #664200); --_color-pale: var(--color-quaternary-tinted, #FFF4E0); --_color-light: var(--color-quaternary-pale, #FFE5B3); --_color-tinted: var(--color-quaternary-tinted, #FFF4E0); } /* --- Neutral (Preto) --- */ .btn-neutral, .chip-neutral { --_color-bg: var(--color-essence-charcoal, #000); --_color-bg-hover: var(--color-neutral-darker, #7F7F7F); --_color-bg-active: var(--color-neutral-deepest, #050B17); --_color-text: var(--color-essence-ivory, #FFF); --_color-border: var(--color-essence-charcoal, #000); --_color-border-hover: var(--color-neutral-deep, #4A4A4A); --_color-pale: var(--color-neutral-pale, #F5F5F5); --_color-light: var(--color-neutral-light, #D1D1D1); --_color-tinted: var(--color-neutral-tinted, #FAFAFA); } /* --- Destructive (Vermelho) --- */ .btn-destructive, .chip-destructive { --_color-bg: var(--color-error-pure, #D44333); --_color-bg-hover: var(--color-error-darker, #802B1F); --_color-bg-active: var(--color-error-deepest, #2B100A); --_color-text: var(--color-essence-ivory, #FFF); --_color-border: var(--color-error-pure, #D44333); --_color-border-hover: var(--color-error-deep, #551E14); --_color-pale: var(--color-error-pale, #FDECEB); --_color-light: var(--color-error-light, #EFA8A1); --_color-tinted: var(--color-error-tinted, #FFF8F7); } /* --- White (Branco) --- */ .btn-white { --_color-bg: var(--color-essence-ivory, #FFF); --_color-bg-hover: var(--color-neutral-pale, #F5F5F5); --_color-bg-active: var(--color-neutral-soft, #E5E5E5); --_color-text: var(--color-primary-pure, #163867); --_color-border: var(--color-essence-ivory, #FFF); --_color-border-hover: var(--color-essence-ivory, #FFF); --_color-pale: rgba(255, 255, 255, 0.1); --_color-light: rgba(255, 255, 255, 0.2); --_color-tinted: transparent; } /* ============================================================ BASE — Botão ============================================================ */ .btn { display: inline-flex; justify-content: center; align-items: center; gap: var(--margin-nano, 8px); text-align: center; text-decoration: none; font-style: normal; cursor: pointer; border-radius: var(--border-radius-nano, 8px); transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease; } .btn:focus-visible { outline: none; box-shadow: none; } .btn:hover { box-shadow: var(--shadow-level-1); transform: translateY(-1px); } .btn:active { box-shadow: var(--shadow-level-1); transform: scale(0.98); } .btn:disabled { cursor: not-allowed; } .btn:disabled:hover { transform: none; box-shadow: none; } .btn i { line-height: inherit; font-size: var(--font-size-sm, 20px); } .btn-sm i, .btn-icon-sm i { font-size: var(--font-size-xs, 16px); } /* ============================================================ VARIANTES DE ESTILO — Filled / Outlined / Standard ============================================================ */ /* --- Filled (padrão — sem modificador) --- */ .btn-accent, .btn-primary, .btn-quaternary, .btn-neutral, .btn-destructive, .btn-white, .nav-tabs .nav-link.active { background-color: var(--_color-bg); color: var(--_color-text); border: var(--border-width-none, 0px) solid transparent; } .btn-accent:hover, .btn-primary:hover, .btn-quaternary:hover, .btn-neutral:hover, .btn-destructive:hover, .btn-white:hover, .nav-tabs .nav-link.active:hover { background-color: var(--_color-bg-hover); color: var(--_color-text); } .btn-accent:active, .btn-primary:active, .btn-quaternary:active, .btn-neutral:active, .btn-destructive:active, .btn-white:active { background-color: var(--_color-bg-active) !important; color: var(--_color-text) !important; } /* Estado desabilitado — filled */ .btn-accent:disabled, .btn-primary:disabled, .btn-quaternary:disabled, .btn-neutral:disabled, .btn-destructive:disabled { background-color: var(--color-neutral-pale, #E5E5E5); color: var(--color-neutral-dark, #BDBDBD); border-color: transparent; } /* --- Outlined --- */ .btn-outlined { background-color: var(--color-essence-ivory, #FFF); color: var(--_color-bg); border: var(--border-width-hairline, 1px) solid var(--_color-border); } .btn-outlined:hover { background-color: var(--_color-pale); color: var(--_color-bg-active); border-color: var(--_color-border-hover); } .btn-outlined:active { background-color: var(--_color-light) !important; border-color: var(--_color-border-hover); } .btn-outlined:disabled, .btn-outlined:disabled:hover { background-color: var(--color-essence-ivory, #FFF) !important; border-color: var(--color-neutral-soft, #BDBDBD) !important; color: var(--color-neutral-soft, #BDBDBD) !important; } /* Outlined White — caso especial com transparência */ .btn-outlined.btn-white { background-color: transparent; color: var(--color-essence-ivory, #FFF); border-color: var(--color-essence-ivory, #FFF); } .btn-outlined.btn-white:hover { background-color: rgba(255, 255, 255, 0.1); color: var(--color-essence-ivory, #FFF); border-color: var(--color-essence-ivory, #FFF); } .btn-outlined.btn-white:active { background-color: rgba(255, 255, 255, 0.2) !important; } .btn-outlined.btn-white:disabled { background-color: transparent !important; border-color: var(--color-neutral-soft, #BDBDBD) !important; color: var(--color-neutral-soft, #BDBDBD) !important; } /* --- Standard (sem fundo nem borda) --- */ /* Renomeado de "standart" para "standard" — mantemos alias para compatibilidade */ .btn-standard, .btn-standart { background-color: transparent; color: var(--_color-bg); border: none; } .btn-standard:hover, .btn-standart:hover { background-color: var(--_color-pale); color: var(--_color-bg-active); } .btn-standard:active, .btn-standart:active { background-color: var(--_color-light); } .btn-standard:disabled, .btn-standart:disabled { background-color: var(--color-essence-ivory, #FFF); color: var(--color-neutral-soft, #BDBDBD); } /* Standard White */ .btn-standard.btn-white, .btn-standart.btn-white { color: var(--color-essence-ivory, #FFF); } .btn-standard.btn-white:hover, .btn-standart.btn-white:hover { background-color: rgba(255, 255, 255, 0.1); color: var(--color-essence-ivory, #FFF); } .btn-standard.btn-white:active, .btn-standart.btn-white:active { background-color: rgba(255, 255, 255, 0.2); } .btn-standard.btn-white:disabled, .btn-standart.btn-white:disabled { background-color: transparent; color: var(--color-neutral-soft, #BDBDBD); } /* ============================================================ TAMANHOS — Botão ============================================================ */ .btn-lg { padding: var(--padding-nano, 8px) var(--padding-xs, 16px); font-size: var(--font-size-xs, 16px); line-height: var(--line-height-sm, 20px); } .btn-md { padding: var(--padding-quark, 4px) var(--padding-xs, 16px); font-size: var(--font-size-xxs, 14px); line-height: var(--line-height-sm, 20px); } .btn-sm { padding: var(--padding-quark, 4px) var(--padding-nano, 8px); font-size: var(--font-size-xxs, 14px); line-height: var(--line-height-xs, 16px); } /* Tamanhos — Icon Button */ .btn-icon-lg { padding: var(--padding-nano, 8px); font-size: var(--font-size-sm, 20px); line-height: var(--line-height-md, 24px); } .btn-icon-md { padding: var(--padding-quark, 4px); font-size: var(--font-size-sm, 16px); line-height: var(--line-height-sm, 20px); height: 35px !important; width: 35px !important; } .btn-icon-sm { padding: var(--padding-quark, 4px); line-height: var(--line-height-xs, 16px); font-size: var(--font-size-xxs, 14px); min-height: 25px !important; min-width: 25px !important; } /* ============================================================ DROPDOWN — Botão com seta ============================================================ */ .btn-dropdown { display: inline-flex; align-items: center; gap: 0; overflow: hidden; } /* Divisor interno entre label e ícone */ .btn-dropdown > .btn-label { border-right: var(--border-width-hairline, 1px) solid color-mix(in srgb, var(--_color-text) 30%, transparent); } .btn-dropdown:hover > .btn-label { border-right-color: color-mix(in srgb, var(--_color-text) 50%, transparent); } .btn-dropdown:active > .btn-label { border-right-color: color-mix(in srgb, var(--_color-text) 60%, transparent); } .btn-dropdown:disabled > .btn-label { border-right-color: var(--color-neutral-tinted, #FAFAFA); } /* Outlined dropdown — usa a cor de borda do tema */ .btn-outlined.btn-dropdown > .btn-label { border-right-color: var(--_color-border); } .btn-outlined.btn-dropdown:hover > .btn-label { border-right-color: var(--_color-border-hover); } .btn-outlined.btn-dropdown:disabled > .btn-label { border-right-color: var(--color-neutral-soft, #BDBDBD); } /* Standard dropdown — sem divisor */ .btn-standard.btn-dropdown > .btn-label, .btn-standart.btn-dropdown > .btn-label { border-right: none !important; padding-right: 0; } /* ============================================================ DROPDOWN GROUP — Lista de opções ============================================================ */ .dropdown { position: relative; } .dropdown.select .dropdown-group { width: fit-content; white-space: nowrap; } .dropdown-group { display: none; flex-direction: column; align-items: flex-start; position: absolute; list-style: none; margin-top: 8px; right: 0; width: 100%; padding: var(--padding-nano, 8px); gap: var(--margin-nano, 8px); border-radius: var(--border-radius-nano, 8px); border: 1px solid var(--color-neutral-pale, #E5E5E5); background: var(--color-essence-ivory, #FFF); box-shadow: var(--shadow-level-3); max-height: 200px; overflow-y: auto; z-index: 10; } /* Scrollbar estilizada */ .dropdown-group::-webkit-scrollbar { width: 7px; } .dropdown-group::-webkit-scrollbar-thumb { background-color: var(--color-neutral-light, #D1D1D1); border-radius: 4px; } .dropdown-group::-webkit-scrollbar-track { background-color: transparent; border-radius: 4px; } .dropdown-group li { width: 100%; } .dropdown-group a { text-decoration: none; color: var(--color-essence-charcoal); } /* Item do dropdown */ .dropdown-group .item { display: inline-flex; align-items: center; width: 100%; gap: var(--margin-nano, 8px); border-radius: var(--border-radius-nano, 8px); background: var(--color-essence-ivory, #FFF); border: none; cursor: pointer; transition: background 0.2s ease; } .dropdown-group .item-sm { padding: var(--padding-quark, 4px) var(--padding-nano, 8px); } .dropdown-group .item-md { padding: var(--padding-quark, 4px) var(--padding-nano, 8px); } .dropdown-group .item-lg { padding: var(--padding-nano, 8px); } .dropdown-group .item:hover { background: var(--color-neutral-pale, #E5E5E5); } .dropdown-group .item:active { background: var(--color-neutral-light, #D1D1D1); } .dropdown-group .item:focus { background: var(--color-secondary-tinted, #D1D1D1); color: var(--color-secondary-pure, #163867); } .dropdown-group .item:disabled { background: var(--color-essence-ivory, #F9F9F9); color: var(--color-neutral-soft, #B0B0B0); opacity: 0.6; } .dropdown.select .dropdown-group .item { padding-right: var(--padding-xxs); } /* ============================================================ GRUPO DE BOTÕES ============================================================ */ .group-btn { display: inline-flex; padding: var(--padding-nano, 8px); justify-content: center; align-items: center; gap: var(--margin-nano, 8px); align-self: stretch; border-radius: var(--border-radius-xs, 16px); } .group-btn .btn { width: 100%; } .group-btn.chip-gp .btn { width: fit-content; } .gp-accent.group-btn { background: var(--color-secondary-tinted, #E8EEF5); } .gp-primary.group-btn { background: var(--color-primary-tinted, #EAF4EC); } .gp-neutral.group-btn { background: var(--color-neutral-tinted, #FAFAFA); } .gp-destructive.group-btn { background: var(--color-error-tinted, #FAFAFA); } .gp-transparent.group-btn { background: transparent; } /* ============================================================ BOTÃO ESPECIAL — Banco Simule ============================================================ */ .btn-banco-simule { background: #FEFB31; color: #4E5FFC; border: 1px solid #4E5FFC; } .btn-banco-simule:focus-visible { background: #FEFB31; color: #4E5FFC; } .btn-banco-simule:hover { background: #f7f42a; color: #4E5FFC; border-color: #3a4ae0; } .btn-banco-simule:active { background: #ece61c; border-color: #2c38c0; } .btn-banco-simule:disabled { background: #fdfd9f; border-color: #b3b9f8; color: #BDBDBD; cursor: not-allowed; } .btn-banco-simule img { max-width: 20px; } /* Variação BRB */ .btn-banco-simule.banco-brb { background: #019EE4; color: #FFF; border-color: #019EE4; } .btn-banco-simule.banco-brb:focus-visible { background: #0779AC; } .btn-banco-simule.banco-brb:hover { background: #0779AC; border-color: #0779AC; } .btn-banco-simule.banco-brb:active { background: #0779AC; border-color: #0779AC; } .btn-banco-simule.banco-brb img { max-width: 50px; } /* compat: foco no link de aluguel/fiador */ .btn-alguel-fiador:focus-visible { color: white; background-color: var(--color-secondary-pure, #163867); } /* ============================================================ BASE — Chip ============================================================ */ .chip { display: inline-flex; justify-content: center; align-items: center; gap: var(--margin-nano, 8px); text-align: center; text-decoration: none; font-style: normal; border-radius: var(--border-radius-pill, 500px); border: var(--border-width-none, 0px) solid transparent; cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease; } .chip:focus-visible { outline: none; } .chip:disabled { cursor: not-allowed; } /* ============================================================ VARIANTES DE ESTILO — Chip Filled / Outlined / Standard ============================================================ */ /* --- Filled --- */ .chip-accent, .chip-primary, .chip-quaternary, .chip-neutral, .chip-destructive { background-color: var(--_color-bg); color: var(--_color-text); } .chip-accent:hover, .chip-primary:hover, .chip-quaternary:hover, .chip-neutral:hover, .chip-destructive:hover { background-color: var(--_color-bg-hover); } .chip-accent:active, .chip-primary:active, .chip-quaternary:active, .chip-neutral:active, .chip-destructive:active { background-color: var(--_color-bg-active); } .chip-accent:disabled, .chip-primary:disabled, .chip-quaternary:disabled, .chip-neutral:disabled, .chip-destructive:disabled { background-color: var(--color-neutral-pale, #E5E5E5); color: var(--color-neutral-dark, #BDBDBD); } /* --- Outlined --- */ .chip-outlined { background-color: transparent; color: var(--_color-pale); border: var(--border-width-hairline, 1px) solid var(--_color-pale); } /* Caso específico */ .busca-inteligence-group .chip:hover { box-shadow: var(--shadow-level-1); transform: translateY(-1px); } .busca-inteligence-group .chip-outlined { background-color: #0f2647; color: var(--_color-pale); border: var(--border-width-hairline, 1px) solid var(--_color-border); } .chip-outlined:hover { background-color: var(--_color-pale); color: var(--_color-bg-active); border-color: var(--_color-border-hover); } .chip-outlined:active { background-color: var(--_color-light); } .chip-outlined:disabled { border-color: var(--color-neutral-soft, #BDBDBD); color: var(--color-neutral-soft, #BDBDBD); background-color: transparent; } /* --- Standard --- */ .chip-standard, .chip-standart { background-color: transparent; color: var(--_color-bg); } .chip-standard:hover, .chip-standart:hover { background-color: var(--_color-pale); color: var(--_color-bg-active); } .chip-standard:active, .chip-standart:active { background-color: var(--_color-light); } .chip-standard:disabled, .chip-standart:disabled { color: var(--color-neutral-soft, #BDBDBD); background-color: transparent; } /* ============================================================ TAMANHOS — Chip ============================================================ */ .chip-lg { padding: var(--padding-nano, 8px) var(--padding-xs, 16px); font-size: var(--font-size-sm, 20px); line-height: var(--line-height-md, 24px); } .chip-md { padding: var(--padding-quark, 4px) var(--padding-xs, 16px); font-size: var(--font-size-xxs, 16px); line-height: var(--line-height-sm, 20px); } .chip-sm { padding: var(--padding-quark, 4px) var(--padding-nano, 8px); font-size: var(--font-size-xxs, 14px); line-height: var(--line-height-xs, 16px); } /* ============================================================ GRUPO — Chips ============================================================ */ .group-btn.chip-gp { padding: var(--padding-quark); border-radius: var(--border-radius-pill, 1000px); border: 1px solid var(--color-secondary-pale, #B3C3DA); background: var(--color-secondary-tinted, #E8EEF5); } /* Container do Input */ .input-container { display: flex; padding: var(--padding-none, 0px); flex-direction: column; justify-content: center; align-items: flex-start; gap: var(--margin-nano, 8px); } /* Label do Input */ .input-label { display: flex; justify-content: space-between; width: 100%; gap: 5px; } .input-label label, .input-label span { color: var(--color-neutral-darker, #7F7F7F); transition: color 0.2s ease; } /* Campo de Input */ .input-field { display: flex; padding: var(--padding-quark, 4px) var(--padding-nano, 8px); align-items: center; width: 100%; gap: var(--margin-nano, 8px); border-radius: var(--border-radius-quark, 4px); border: var(--border-width-hairline, 1px) solid var(--color-neutral-light, #D1D1D1); background-color: var(--color-essence-ivory, #FFF); transition: border-color 0.2s ease, box-shadow 0.2s ease; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } .input-field::placeholder { color: var(--color-neutral-darker, #7F7F7F); } /* Hover */ .input-field:hover { background: var(--color-neutral-pale, #E5E5E5); } /* Focus */ .input-field:focus { border: var(--border-width-thin, 2px) solid var(--color-accent-pure, #0095FF); background: var(--color-essence-ivory, #FFF); outline: none; box-shadow: none; } .input-container:focus-within .input-label label { color: var(--color-essence-charcoal, #000); } /* Campo Required Válido */ .input-field.valid { border: var(--border-width-hairline, 1px) solid var(--color-success-pure, #29CC5F); background-color: var(--color-essence-ivory, #FFF); } .input-container:has(.input-field.touched:valid) .input-label label { color: var(--color-essence-charcoal, #000); } /* Campos Inválidos */ .input-field.input-validation-error, .input-field.error { border-color: var(--color-error-pure, #D44333); background-color: var(--color-essence-ivory, #FFF3F3); } .input-field.input-validation-error:focus, .input-field.error:focus { border: var(--border-width-thin, 2px) solid var(--color-error-pure, #D44333); background-color: var(--color-essence-ivory, #FFF3F3); } .input-container:has(.input-field.error) .input-label label, .input-container:has(.input-field.error) .input-label label, .input-container:has(.input-field.input-validation-error) .input-label label, .input-container:has(.input-field.input-validation-error) .input-sufix i { color: var(--color-error-pure, #D44333); } /* Mensagem de Erro */ .error-message, .error { color: var(--color-error-pure, #D44333); } small.error-message { font-size: 12px; } label.error { font-weight: var(--font-weight-regular); font-size: var(--font-size-xxxs); line-height: var(--line-height-sm); } /* Estado Desabilitado */ .input-field:disabled { background-color: var(--color-essence-ivory, #FFF3F3); cursor: not-allowed; border: var(--border-width-hairline, 1px) solid var(--color-neutral-light, #7F7F7F); } .input-field:disabled::placeholder, .input-container:has(.input-field:disabled) .input-label label { color: var(--color-neutral-light, #7F7F7F); } /* Icone ao final do input */ .input-sufix, .input-twofix, .input-prefix { width: 100%; position: relative; } .input-sufix i, .input-sufix span { position: absolute; right: 0; top: 50%; transform: translate(-30%, -50%); color: var(--color-neutral-darker); } .input-sufix i { font-size: 24px; } .input-sufix.textarea span { top: 20px; } .input-sufix .input-field { padding: var(--padding-quark, 4px) var(--padding-xl, 40px) var(--padding-quark, 4px) var(--padding-nano, 8px); } .input-sufix textarea.input-field { padding: var(--padding-nano, 8px) var(--padding-xxl, 48px) var(--padding-nano, 8px) var(--padding-nano, 8px); resize: none; } .input-sufix .input-field.error + i { color: var(--color-error-pure, #D44333); } /* Texto/Icone no começo do input */ .input-prefix span { position: absolute; left: 0; top: 50%; transform: translate(50%, -50%); color: var(--color-neutral-darker); } .input-prefix .input-field { padding: var(--padding-quark, 4px) var(--padding-nano, 8px) var(--padding-quark, 4px) var(--padding-lg, 32px); } /* Texto/Icone nos dois lados */ .input-twofix .lf-span { position: absolute; left: 0; top: 50%; transform: translate(50%, -50%); color: var(--color-neutral-darker); } .input-twofix .rg-span { position: absolute; right: 0; top: 50%; transform: translate(-50%, -50%); color: var(--color-neutral-darker); } .input-twofix .input-field { padding: var(--padding-quark, 4px)var(--padding-xxl, 40px) var(--padding-quark, 4px) var(--padding-lx, 36px); } @supports (-webkit-touch-callout: none) { .input-field { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } } /* Input Checkbox */ .input-options { gap: var(--margin-md, 24px); display: flex; padding: var(--padding-nano, 8px) var(--padding-xs, 16px); align-items: center; border-radius: var(--border-radius-quark, 4px); border: var(--border-width-hairline, 1px) solid var(--color-neutral-darker, #7F7F7F); background-color: var(--color-essence-ivory, #FFF); transition: border-color 0.2s ease, box-shadow 0.2s ease; } .option { display: flex; align-items: center; gap: var(--margin-nano, 8px); } /* Tamanho do Input */ .input-sm { height: 33px; } .input-md { height: 40px; } .input-lg { height: 56px; } /* Estilos gerais */ .switch-container { display: flex; justify-content: center; margin: 20px; gap: 30px; } .content-div { text-align: center; font-size: 1.5rem; padding: 20px; transition: opacity 0.5s ease; } /* Estilo do switch */ .switch { position: relative; display: flex; align-items: center; gap: var(--margin-none, 0px); padding: var(--padding-nano, 8px); } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; transition: 0.4s; background-color: var(--color-neutral-tinted, #FAFAFA); border-radius: var(--border-radius-pill, 500px); border: var(--border-width-thin, 2px) solid var(--color-neutral-darker, #7F7F7F); } .slider:before { position: absolute; content: ""; transition: 0.4s; border-radius: 50%; background-color: var(--color-neutral-darker, #7F7F7F); } /* Switch grande */ .switch-lg { width: 64px; height: 40px; } .switch-lg .slider:before { width: 24px; height: 24px; left: 5px; top: 7px; } .switch-lg input:checked + .slider::before { transform: translateX(26px); } /* Switch médio */ .switch-md { width: 48px; height: 32px; } .switch-md .slider:before { width: 18px; height: 18px; left: 4px; top: 6px; } .switch-md input:checked + .slider::before { transform: translateX(18px); } /* Switch pequeno */ .switch-sm { width: 40px; height: 24px; } .switch-sm .slider:before { width: 16px; height: 16px; left: 3px; top: 2px; } .switch-sm input:checked + .slider::before { transform: translateX(15px); } /* Efeitos de estado: checked, hover e disabled */ input:checked + .slider { border-color: var(--color-secondary-pure, #163867); background: var(--color-secondary-tinted, #163867); } input:checked + .slider::before { background: var(--color-secondary-pure, #163867); } .switch input:not(:checked):not(:disabled) + .slider:hover { border-color: var(--color-neutral-deep, #4A4A4A); box-shadow: var(--shadow-level-1); background: var(--color-neutral-pale, #E5E5E5); } .switch input:not(:checked):not(:disabled) + .slider:hover::before { background: var(--color-neutral-deep, #4A4A4A); } .switch input:checked:not(:disabled) + .slider:hover { border-color: var(--color-accent-deep, #004366); box-shadow: var(--shadow-level-1); background: var(--color-secondary-pale, #B3C3DA); } .switch input:checked:not(:disabled) + .slider:hover::before { background: var(--color-accent-deep, #004366); } .switch input:disabled + .slider { border-color: var(--color-neutral-light, #D1D1D1); background: var(--color-neutral-tinted, #FAFAFA); cursor: not-allowed; opacity: 0.6; } .switch input:disabled + .slider:before { background-color: var(--color-neutral-light, #D1D1D1); } /* Input Select */ .input-select { width: 100%; position: relative; } .input-select.input-sufix i { font-size: var(--font-size-sm); } /* Estilização do