/* 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' (337,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (340,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-md' (341,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (345,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (345,58): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-pure' (346,22): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-tinted' (347,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1' (348,17): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-deep' (352,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (352,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (353,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-tinted' (354,34): run-time error CSS1039: Token not allowed after unary operator: '-color-opacity-medium' (355,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (361,17): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pure' (365,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (369,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (373,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs' (377,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (381,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs' (385,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (393,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-md' (397,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-lg' (401,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xl' (405,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxl' (409,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-huge' (440,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (444,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (459,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-xl' (499,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (503,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (504,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (505,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (506,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (507,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (511,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (512,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (513,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (514,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (515,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (524,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (525,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (529,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (530,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (534,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (535,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (540,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pale' (541,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-tinted' (545,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-tinted' (546,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure' (550,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (551,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (555,28): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-pure' (556,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-pure' (564,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (568,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-5' (573,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (573,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (577,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (577,58): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (583,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success-dark' (587,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success-pure' (589,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark' (590,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success-tinted' (595,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-active-color' (597,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (602,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep' (606,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (610,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (614,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (618,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pure' (622,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal' (626,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-midcharcoal' (630,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (634,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure' (638,17): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-pure' (642,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (646,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (676,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (678,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-xs' (680,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (681,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (681,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (682,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (687,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (688,32): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (689,26): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (692,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (696,32): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (698,26): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (711,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-hadron' (711,46): run-time error CSS1039: Token not allowed after unary operator: '-margin-quark' (714,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-quark' (715,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark' (716,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (716,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (717,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (724,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (727,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-xs' (729,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (730,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (730,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (731,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (736,19): run-time error CSS1039: Token not allowed after unary operator: '-margin-quark' (740,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark' (741,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (742,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (746,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-tinted' (747,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure' (752,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-hadron' (752,46): run-time error CSS1039: Token not allowed after unary operator: '-margin-quark' (754,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-quark' (755,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark' (756,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (756,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (757,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (762,22): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (762,62): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (763,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (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 '-' (834,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (835,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (837,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 '-' (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 '-' (847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (848,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (849,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (850,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 '-' (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 '-' (860,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (863,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 '-' (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 '-' (873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (874,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (875,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (876,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 '-' (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 '-' (886,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (887,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (888,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (889,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 '-' (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 '-' (899,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (900,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (902,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (903,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (915,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (920,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (930,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1' (935,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1' (950,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (955,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs' (971,28): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg' (972,17): run-time error CSS1039: Token not allowed after unary operator: '-_color-text' (973,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none' (983,32): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg-hover' (984,21): run-time error CSS1039: Token not allowed after unary operator: '-_color-text' (993,32): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg-active' (994,21): run-time error CSS1039: Token not allowed after unary operator: '-_color-text' (1003,32): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (1004,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (1010,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1011,17): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg' (1012,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1012,58): run-time error CSS1039: Token not allowed after unary operator: '-_color-border' (1016,32): run-time error CSS1039: Token not allowed after unary operator: '-_color-pale' (1017,21): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg-active' (1018,28): run-time error CSS1039: Token not allowed after unary operator: '-_color-border-hover' (1022,32): run-time error CSS1039: Token not allowed after unary operator: '-_color-light' (1023,28): run-time error CSS1039: Token not allowed after unary operator: '-_color-border-hover' (1028,32): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1029,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1030,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1036,21): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1037,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1042,25): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1043,32): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1052,32): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1053,25): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1061,17): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg' (1067,28): run-time error CSS1039: Token not allowed after unary operator: '-_color-pale' (1068,17): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg-active' (1073,28): run-time error CSS1039: Token not allowed after unary operator: '-_color-light' (1078,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1079,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1085,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1091,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1102,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1111,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1111,44): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (1112,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs' (1113,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (1117,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1117,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (1118,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (1119,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (1123,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1123,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1124,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (1125,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (1130,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1131,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (1132,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md' (1136,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1137,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (1138,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (1144,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1145,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (1146,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (1165,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1165,83): run-time error CSS1039: Token not allowed after unary operator: '-_color-text' (1169,49): run-time error CSS1039: Token not allowed after unary operator: '-_color-text' (1173,49): run-time error CSS1039: Token not allowed after unary operator: '-_color-text' (1177,30): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (1182,30): run-time error CSS1039: Token not allowed after unary operator: '-_color-border' (1186,30): run-time error CSS1039: Token not allowed after unary operator: '-_color-border-hover' (1190,30): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1223,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1224,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (1225,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (1226,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (1227,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1228,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (1240,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (1255,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal' (1263,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (1264,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (1265,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1272,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1272,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1276,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1276,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1280,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1284,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (1288,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (1292,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (1293,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (1297,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1298,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1303,25): run-time error CSS1039: Token not allowed after unary operator: '-padding-xxs' (1313,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1316,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (1318,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (1330,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (1334,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-tinted' (1338,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (1342,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-tinted' (1415,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (1427,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (1431,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-pill' (1432,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none' (1456,28): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg' (1457,17): run-time error CSS1039: Token not allowed after unary operator: '-_color-text' (1465,32): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg-hover' (1473,32): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg-active' (1481,32): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (1482,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (1488,17): run-time error CSS1039: Token not allowed after unary operator: '-_color-pale' (1489,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1489,58): run-time error CSS1039: Token not allowed after unary operator: '-_color-pale' (1494,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1' (1499,17): run-time error CSS1039: Token not allowed after unary operator: '-_color-pale' (1500,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1500,58): run-time error CSS1039: Token not allowed after unary operator: '-_color-border' (1504,32): run-time error CSS1039: Token not allowed after unary operator: '-_color-pale' (1505,21): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg-active' (1506,28): run-time error CSS1039: Token not allowed after unary operator: '-_color-border-hover' (1510,32): run-time error CSS1039: Token not allowed after unary operator: '-_color-light' (1514,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1515,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1523,17): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg' (1528,32): run-time error CSS1039: Token not allowed after unary operator: '-_color-pale' (1529,21): run-time error CSS1039: Token not allowed after unary operator: '-_color-bg-active' (1534,32): run-time error CSS1039: Token not allowed after unary operator: '-_color-light' (1539,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1548,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1548,44): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (1549,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (1550,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md' (1554,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1554,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (1555,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (1556,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (1560,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1560,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1561,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (1562,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (1571,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1572,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-pill' (1573,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (1574,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (1580,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-none' (1584,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (1597,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (1604,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1604,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1607,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (1608,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark' (1609,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1609,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (1610,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1618,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (1623,26): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (1628,22): run-time error CSS1039: Token not allowed after unary operator: '-border-width-thin' (1628,58): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pure' (1629,26): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1635,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal' (1640,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1640,58): run-time error CSS1039: Token not allowed after unary operator: '-color-success-pure' (1641,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1644,22): run-time error CSS1030: Expected identifier, found '.' (1644,48): run-time error CSS1031: Expected selector, found ')' (1644,48): run-time error CSS1025: Expected comma or open brace, found ')' (1651,24): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (1652,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1657,22): run-time error CSS1039: Token not allowed after unary operator: '-border-width-thin' (1657,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (1658,32): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1661,22): run-time error CSS1030: Expected identifier, found '.' (1661,40): run-time error CSS1031: Expected selector, found ')' (1661,40): run-time error CSS1025: Expected comma or open brace, found ')' (1671,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (1679,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (1680,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs' (1681,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (1686,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1688,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1688,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (1692,26): run-time error CSS1030: Expected identifier, found '.' (1692,47): run-time error CSS1031: Expected selector, found ')' (1692,47): run-time error CSS1025: Expected comma or open brace, found ')' (1710,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (1722,23): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1722,49): run-time error CSS1039: Token not allowed after unary operator: '-padding-xl' (1722,73): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1722,99): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1726,23): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1726,48): run-time error CSS1039: Token not allowed after unary operator: '-padding-xxl' (1726,73): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1726,98): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1731,21): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (1740,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (1744,23): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1744,49): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1744,74): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1744,100): run-time error CSS1039: Token not allowed after unary operator: '-padding-lg' (1753,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (1761,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (1765,23): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1765,48): run-time error CSS1039: Token not allowed after unary operator: '-padding-xxl' (1765,73): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1765,99): run-time error CSS1039: Token not allowed after unary operator: '-padding-lx' (1777,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-md' (1779,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1779,44): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (1781,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark' (1782,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1782,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (1783,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1790,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (1827,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-none' (1828,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1845,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (1846,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-pill' (1847,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-thin' (1847,54): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (1855,32): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (1911,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (1912,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (1916,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (1920,24): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep' (1921,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1' (1922,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (1926,26): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep' (1930,24): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-deep' (1931,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1' (1932,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (1936,26): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-deep' (1940,24): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (1941,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (1947,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (1957,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (1963,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (1963,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (1969,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark' (1970,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1970,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (1971,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2002,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep' (2012,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs' (2022,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (2022,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2028,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg' (2029,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2029,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (2030,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2031,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (2032,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs' (2033,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (2043,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep' (2045,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs' (2067,23): run-time error CSS1030: Expected identifier, found '[' (2067,28): run-time error CSS1031: Expected selector, found '=' (2067,28): run-time error CSS1025: Expected comma or open brace, found '=' (2074,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2074,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (2075,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2126,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2129,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (2135,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (2136,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (2138,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (2142,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2142,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (2143,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (2144,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (2169,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2169,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (2170,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (2171,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (2176,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (2180,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (2181,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2186,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (2186,56): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (2186,87): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-none' (2186,118): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-none' (2187,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (2188,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (2189,35): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2193,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (2196,39): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2201,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (2202,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (2203,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (2207,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (2208,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (2209,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (2210,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2214,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (2215,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2215,58): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (2216,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (2220,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (2221,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2225,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2225,58): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (2226,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (2236,19): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (2239,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (2241,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-none' (2241,56): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-none' (2241,87): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (2241,118): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (2242,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (2261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2281,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2282,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (2283,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (2284,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pure' (2285,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (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-secondary-pure' (2291,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2295,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-tinted' (2296,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (2300,22): run-time error CSS1039: Token not allowed after unary operator: '-color-success-tinted' (2301,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success-pure' (2305,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-tinted' (2306,17): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-pure' (2357,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (2358,27): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (2420,27): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (2424,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs' (2425,27): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (2563,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-primary' (2596,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2599,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (2600,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (2669,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (2670,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2671,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (2675,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (2676,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2687,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (2698,26): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2699,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (2730,26): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2864,32): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (2865,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (2869,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; } .avatar.small { width: 12px; height: 12px; } /* 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: 30px; } .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