/* Minification failed. Returning unminified contents.
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,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 '-'
(12,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 '-'
(103,17): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(104,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(105,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(109,21): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(110,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary-dark'
(115,28): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary'
(116,17): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(117,24): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary'
(121,32): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary-dark'
(122,21): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(123,28): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary-dark'
(127,32): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary-dark'
(128,21): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(129,28): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary-dark'
(134,17): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary'
(135,24): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary'
(139,32): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary'
(140,21): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(141,28): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary'
(145,32): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary-dark'
(146,21): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(147,28): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary-dark'
(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 '-'
(155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(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 '-'
(165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(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 '-'
(175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(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 '-'
(185,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 '-'
(189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(276,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3708,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(3712,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(3716,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(3720,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(3724,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(3728,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(3732,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(3736,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(3740,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(3744,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(3748,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(3752,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(3756,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(3760,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(3764,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(3768,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(3772,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(3776,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(3780,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(3784,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(3788,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(3792,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(3796,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(3800,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(3804,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(3808,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(3812,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(3816,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(3820,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(3824,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(3828,17): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(3832,17): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(3836,17): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(3840,17): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(3844,17): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(3848,17): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(3852,17): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(3856,17): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(3860,17): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(3864,17): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(3868,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(3872,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(3876,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(3880,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(3884,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(3888,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(3892,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(3896,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(3900,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(3904,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(3908,17): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(3912,17): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(3916,17): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(3920,17): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(3924,17): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(3928,17): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(3932,17): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(3936,17): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(3940,17): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(3944,17): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(3948,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(3952,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(3956,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(3960,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(3964,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(3968,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(3972,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(3976,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(3980,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(3984,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(3988,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(3992,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(3996,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(4000,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(4004,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(4008,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(4012,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(4016,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(4020,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(4024,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(4028,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(4032,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(4036,17): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(4040,17): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(4044,17): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(4048,17): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(4052,17): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(4056,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(4060,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(4064,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(4068,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(4072,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(4076,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(4080,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(4084,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(4088,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(4092,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(4096,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(4100,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(4104,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(4108,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(4112,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(4116,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(4120,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(4124,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(4128,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(4132,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(4136,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(4140,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(4144,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(4148,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(4152,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(4156,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(4160,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(4164,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(4168,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(4172,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(4176,17): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(4180,17): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(4184,17): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(4188,17): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(4192,17): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(4196,17): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(4200,17): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(4204,17): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(4208,17): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(4212,17): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(4216,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(4220,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(4224,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(4228,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(4232,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(4236,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(4240,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(4244,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(4248,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(4252,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(4256,17): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(4260,17): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(4264,17): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(4268,17): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(4272,17): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(4276,17): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(4280,17): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(4284,17): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(4288,17): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(4292,17): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(4296,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(4300,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(4304,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(4308,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(4312,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(4316,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(4320,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(4324,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(4328,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(4332,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(4336,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(4340,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(4344,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(4348,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(4352,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(4356,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(4360,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(4364,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(4368,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(4372,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(4376,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(4380,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(4384,17): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(4388,17): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(4392,17): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(4396,17): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(4400,17): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(4404,17): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(4408,17): run-time error CSS1039: Token not allowed after unary operator: '-success-surface'
(4412,17): run-time error CSS1039: Token not allowed after unary operator: '-success-border'
(4416,17): run-time error CSS1039: Token not allowed after unary operator: '-success-hover'
(4420,17): run-time error CSS1039: Token not allowed after unary operator: '-success-pressed'
(4424,17): run-time error CSS1039: Token not allowed after unary operator: '-success-focus'
(4428,17): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(4432,17): run-time error CSS1039: Token not allowed after unary operator: '-info-surface'
(4436,17): run-time error CSS1039: Token not allowed after unary operator: '-info-border'
(4440,17): run-time error CSS1039: Token not allowed after unary operator: '-info-hover'
(4444,17): run-time error CSS1039: Token not allowed after unary operator: '-info-pressed'
(4448,17): run-time error CSS1039: Token not allowed after unary operator: '-info-focus'
(4452,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(4456,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-surface'
(4460,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-border'
(4464,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-hover'
(4468,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-pressed'
(4472,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-focus'
(4476,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(4480,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-surface'
(4484,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-border'
(4488,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-hover'
(4492,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-pressed'
(4496,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-focus'
(4500,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan'
(4504,17): run-time error CSS1039: Token not allowed after unary operator: '-indigo'
(4508,17): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(4512,17): run-time error CSS1039: Token not allowed after unary operator: '-red'
(4516,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(4520,17): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(4524,17): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(4528,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(4532,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-light'
(4536,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-dark'
(4540,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4544,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(4548,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(4552,17): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(4556,17): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(4560,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(4564,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(4568,17): run-time error CSS1039: Token not allowed after unary operator: '-base'
(4575,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(4579,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(4583,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(4587,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(4591,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(4595,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(4599,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(4603,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(4607,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(4611,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(4615,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(4619,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(4623,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(4627,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(4631,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(4635,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(4639,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(4643,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(4647,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(4651,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(4655,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(4659,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(4663,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(4667,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(4671,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(4675,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(4679,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(4683,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(4687,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(4691,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(4695,28): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(4699,28): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(4703,28): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(4707,28): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(4711,28): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(4715,28): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(4719,28): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(4723,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(4727,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(4731,28): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(4735,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(4739,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(4743,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(4747,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(4751,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(4755,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(4759,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(4763,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(4767,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(4771,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(4775,28): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(4779,28): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(4783,28): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(4787,28): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(4791,28): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(4795,28): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(4799,28): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(4803,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(4807,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(4811,28): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(4815,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(4819,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(4823,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(4827,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(4831,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(4835,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(4839,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(4843,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(4847,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(4851,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(4855,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(4859,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(4863,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(4867,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(4871,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(4875,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(4879,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(4883,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(4887,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(4891,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(4895,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(4899,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(4903,28): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(4907,28): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(4911,28): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(4915,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(4919,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(4923,28): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(4927,28): run-time error CSS1039: Token not allowed after unary operator: '-success-surface'
(4931,28): run-time error CSS1039: Token not allowed after unary operator: '-success-border'
(4935,28): run-time error CSS1039: Token not allowed after unary operator: '-success-hover'
(4939,28): run-time error CSS1039: Token not allowed after unary operator: '-success-pressed'
(4943,28): run-time error CSS1039: Token not allowed after unary operator: '-success-focus'
(4947,28): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(4951,28): run-time error CSS1039: Token not allowed after unary operator: '-info-surface'
(4955,28): run-time error CSS1039: Token not allowed after unary operator: '-info-border'
(4959,28): run-time error CSS1039: Token not allowed after unary operator: '-info-hover'
(4963,28): run-time error CSS1039: Token not allowed after unary operator: '-info-pressed'
(4967,28): run-time error CSS1039: Token not allowed after unary operator: '-info-focus'
(4971,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(4975,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-surface'
(4979,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-border'
(4983,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-hover'
(4987,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-pressed'
(4991,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-focus'
(4995,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(4999,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-surface'
(5003,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-border'
(5007,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-hover'
(5011,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-pressed'
(5015,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-focus'
(5019,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan'
(5023,28): run-time error CSS1039: Token not allowed after unary operator: '-indigo'
(5027,28): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(5031,28): run-time error CSS1039: Token not allowed after unary operator: '-red'
(5035,28): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(5039,28): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(5043,28): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(5053,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(5063,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(5073,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(5083,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(5093,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(5103,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(5113,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(5123,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(5133,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(5143,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(5153,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(5163,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(5173,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(5183,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(5193,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(5203,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(5213,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(5223,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(5233,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(5243,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(5253,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(5263,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(5273,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(5283,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(5293,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(5303,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(5313,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(5323,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(5333,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(5343,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(5353,32): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(5363,32): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(5373,32): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(5383,32): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(5393,32): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(5403,32): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(5413,32): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(5423,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(5433,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(5443,32): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(5453,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(5463,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(5473,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(5483,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(5493,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(5503,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(5513,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(5523,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(5533,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(5543,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(5553,32): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(5563,32): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(5573,32): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(5583,32): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(5593,32): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(5603,32): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(5613,32): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(5623,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(5633,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(5643,32): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(5653,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(5663,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(5673,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(5683,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(5693,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(5703,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(5713,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(5723,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(5733,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(5743,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(5753,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(5763,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(5773,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(5783,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(5793,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(5803,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(5813,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(5823,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(5833,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(5843,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(5853,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(5863,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(5873,32): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(5883,32): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(5893,32): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(5903,32): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(5913,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(5923,32): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(5933,32): run-time error CSS1039: Token not allowed after unary operator: '-success-surface'
(5943,32): run-time error CSS1039: Token not allowed after unary operator: '-success-border'
(5953,32): run-time error CSS1039: Token not allowed after unary operator: '-success-hover'
(5963,32): run-time error CSS1039: Token not allowed after unary operator: '-success-pressed'
(5973,32): run-time error CSS1039: Token not allowed after unary operator: '-success-focus'
(5983,32): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(5993,32): run-time error CSS1039: Token not allowed after unary operator: '-info-surface'
(6003,32): run-time error CSS1039: Token not allowed after unary operator: '-info-border'
(6013,32): run-time error CSS1039: Token not allowed after unary operator: '-info-hover'
(6023,32): run-time error CSS1039: Token not allowed after unary operator: '-info-pressed'
(6033,32): run-time error CSS1039: Token not allowed after unary operator: '-info-focus'
(6043,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(6053,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-surface'
(6063,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-border'
(6073,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-hover'
(6083,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-pressed'
(6093,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-focus'
(6103,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(6113,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-surface'
(6123,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-border'
(6133,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-hover'
(6143,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-pressed'
(6153,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-focus'
(6163,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan'
(6173,32): run-time error CSS1039: Token not allowed after unary operator: '-indigo'
(6183,32): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(6193,32): run-time error CSS1039: Token not allowed after unary operator: '-red'
(6203,32): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(6213,32): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(6223,32): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(6227,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6239,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6243,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-light'
(6247,28): run-time error CSS1039: Token not allowed after unary operator: '-yellow-light'
(6251,28): run-time error CSS1039: Token not allowed after unary operator: '-purple-light'
(6255,28): run-time error CSS1039: Token not allowed after unary operator: '-pink-light'
(6395,22): run-time error CSS1039: Token not allowed after unary operator: '-gradients-Colors-gradients-2'
(6487,22): run-time error CSS1039: Token not allowed after unary operator: '-gradients-Colors-gradients-2'
(6732,28): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(6734,24): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(6738,32): run-time error CSS1039: Token not allowed after unary operator: '-success-hover'
(6740,28): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(6744,32): run-time error CSS1039: Token not allowed after unary operator: '-success-pressed'
(6746,28): run-time error CSS1039: Token not allowed after unary operator: '-success-pressed'
(6750,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(6752,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(6756,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-hover'
(6758,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(6762,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-pressed'
(6764,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-pressed'
(6768,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(6770,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(6774,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-hover'
(6776,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(6780,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-pressed'
(6782,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-pressed'
(6786,28): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(6788,24): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(6792,32): run-time error CSS1039: Token not allowed after unary operator: '-info-hover'
(6794,28): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(6798,32): run-time error CSS1039: Token not allowed after unary operator: '-info-pressed'
(6800,28): run-time error CSS1039: Token not allowed after unary operator: '-info-pressed'
(6805,17): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(6806,24): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(6810,32): run-time error CSS1039: Token not allowed after unary operator: '-success-hover'
(6812,28): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(6816,32): run-time error CSS1039: Token not allowed after unary operator: '-success-pressed'
(6818,28): run-time error CSS1039: Token not allowed after unary operator: '-success-pressed'
(6823,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(6824,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(6828,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-hover'
(6830,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(6834,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-pressed'
(6836,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-pressed'
(6841,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(6842,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(6846,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-hover'
(6848,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(6852,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-pressed'
(6854,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-pressed'
(6859,17): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(6860,24): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(6864,32): run-time error CSS1039: Token not allowed after unary operator: '-info-hover'
(6866,28): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(6870,32): run-time error CSS1039: Token not allowed after unary operator: '-info-pressed'
(6872,28): run-time error CSS1039: Token not allowed after unary operator: '-info-pressed'
(6877,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(6879,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(6883,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6885,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6889,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6891,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6895,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(6897,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(6901,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6903,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6907,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6909,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6913,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(6915,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(6919,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6921,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6925,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6927,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6931,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(6933,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(6937,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6939,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6943,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6945,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6949,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(6951,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(6955,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6957,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6961,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6963,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6967,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(6969,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(6973,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6975,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6979,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6981,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6985,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(6987,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(6991,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6993,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6997,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6999,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7003,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7005,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7009,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7011,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7015,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7017,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7021,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7023,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7027,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7029,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7033,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7035,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7039,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(7041,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(7045,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7047,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7051,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7053,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7057,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(7059,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(7063,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7065,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7069,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7071,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7075,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(7077,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(7081,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7083,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7087,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7089,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7093,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(7095,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(7099,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7101,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7105,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7107,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7111,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(7113,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(7117,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7119,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7123,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7125,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7129,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(7131,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(7135,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7137,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7141,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7143,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7147,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(7149,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(7153,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7155,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7159,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7161,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7165,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(7167,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(7171,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7173,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7177,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7179,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7183,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7185,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7189,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7191,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7195,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7197,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7201,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7203,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7207,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7209,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7213,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7215,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7219,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(7221,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(7225,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7227,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7231,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7233,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7237,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(7239,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(7243,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7245,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7249,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7251,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7255,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(7257,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(7261,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7263,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7267,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7269,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7273,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(7275,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(7279,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7281,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7285,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7287,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7291,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(7293,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(7297,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7299,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7303,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7305,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7309,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(7311,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(7315,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7317,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7321,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7323,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7327,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(7329,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(7333,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7335,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7339,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7341,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7345,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(7347,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(7351,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7353,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7357,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7359,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7363,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7365,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7369,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7371,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7375,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7377,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7381,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7383,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7387,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7389,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7393,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7395,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7399,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(7401,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(7405,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7407,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7411,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7413,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7417,28): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(7419,24): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(7423,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7425,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7429,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7431,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7435,28): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(7437,24): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(7441,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7443,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7447,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7449,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7453,28): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(7455,24): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(7459,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7461,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7465,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7467,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7471,28): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(7473,24): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(7477,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7479,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7483,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7485,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7489,28): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(7491,24): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(7495,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7497,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7501,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7503,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7507,28): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(7509,24): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(7513,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7515,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7519,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7521,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7525,28): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(7527,24): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(7531,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7533,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7537,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7539,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7543,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7545,24): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7549,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7551,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7555,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7557,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7561,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7563,24): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7567,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7569,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7573,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7575,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7579,28): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(7581,24): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(7585,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7587,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7591,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7593,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7597,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(7599,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(7603,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7605,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7609,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7611,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7615,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(7617,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(7621,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7623,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7627,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7629,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7633,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(7635,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(7639,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7641,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7645,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7647,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7651,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(7653,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(7657,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7659,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7663,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7665,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7669,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(7671,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(7675,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7677,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7681,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7683,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7687,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(7689,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(7693,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7695,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7699,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7701,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7705,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(7707,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(7711,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7713,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7717,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7719,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7723,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7725,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7729,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7731,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7735,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7737,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7741,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7743,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7747,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7749,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7753,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7755,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7759,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(7761,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(7765,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7767,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7771,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7773,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7777,28): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(7779,24): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(7783,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7785,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7789,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7791,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7795,28): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(7797,24): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(7801,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7803,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7807,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7809,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7813,28): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(7815,24): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(7819,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7821,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7825,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7827,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7831,28): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(7833,24): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(7837,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7839,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7843,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7845,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7849,28): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(7851,24): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(7855,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7857,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7861,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7863,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7867,28): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(7869,24): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(7873,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7875,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7879,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7881,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7885,28): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(7887,24): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(7891,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7893,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7897,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7899,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7903,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7905,24): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7909,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7911,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7915,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7917,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7921,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7923,24): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7927,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7929,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7933,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7935,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7939,28): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(7941,24): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(7945,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7947,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7951,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7953,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7957,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(7959,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(7963,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(7965,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(7969,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(7971,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(7975,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(7977,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(7981,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(7983,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(7987,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(7989,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(7993,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(7995,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(7999,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8001,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8005,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8007,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8011,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(8013,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(8017,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8019,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8023,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8025,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8029,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(8031,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(8035,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8037,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8041,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8043,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8047,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(8049,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(8053,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8055,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8059,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8061,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8065,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(8067,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(8071,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8073,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8077,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8079,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8083,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8085,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8089,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8091,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8095,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8097,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8101,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8103,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8107,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8109,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8113,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8115,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8119,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(8121,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(8125,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8127,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8131,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8133,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8137,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(8139,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(8143,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-700'
(8145,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-700'
(8149,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(8151,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(8155,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(8157,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(8161,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-700'
(8163,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-700'
(8167,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(8169,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(8173,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(8175,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(8179,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-700'
(8181,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-700'
(8185,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(8187,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(8191,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(8193,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(8197,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8199,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8203,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8205,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8209,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(8211,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(8215,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8217,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8221,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8223,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8227,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(8229,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(8233,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8235,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8239,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8241,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8245,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(8247,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(8251,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8253,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8257,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8259,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8263,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(8265,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(8269,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8271,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8275,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8277,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8281,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(8283,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(8287,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8289,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8293,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8295,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8299,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(8301,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(8305,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8307,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8311,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8313,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8317,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8319,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8323,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8325,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8329,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8331,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8335,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8337,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8341,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8343,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8347,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8349,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8353,28): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(8355,24): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(8359,32): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8361,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8365,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8367,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8371,28): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(8373,24): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(8377,32): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8379,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8383,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8385,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8389,28): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(8391,24): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(8395,32): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8397,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8401,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8403,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8407,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8409,24): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8413,32): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8415,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8419,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8421,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8425,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8427,24): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8431,32): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8433,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8437,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8439,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8445,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(8446,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(8450,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(8452,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(8456,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8458,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8463,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(8464,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(8468,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(8470,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(8474,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8476,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8481,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(8482,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(8486,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(8488,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(8492,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8494,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8499,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(8500,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(8504,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(8506,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(8510,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8512,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8517,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(8518,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(8522,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(8524,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(8528,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8530,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8535,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(8536,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(8540,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(8542,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(8546,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8548,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8553,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(8554,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(8558,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(8560,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(8564,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8566,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8571,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(8572,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(8576,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(8578,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(8582,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8584,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8589,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8590,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8594,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8596,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8600,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8602,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8607,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(8608,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(8612,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(8614,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(8618,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8620,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8625,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(8626,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(8630,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(8632,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(8636,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8638,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8643,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(8644,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(8648,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(8650,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(8654,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8656,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8661,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(8662,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(8666,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(8668,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(8672,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8674,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8679,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(8680,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(8684,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(8686,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(8690,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8692,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8697,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(8698,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(8702,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(8704,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(8708,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8710,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8715,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(8716,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(8720,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(8722,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(8726,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8728,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8733,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(8734,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(8738,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(8740,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(8744,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8746,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8751,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(8752,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(8756,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(8758,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(8762,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8764,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8769,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8770,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8774,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8776,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8780,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8782,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8787,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(8788,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(8792,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(8794,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(8798,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8800,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8805,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(8806,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(8810,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(8812,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(8816,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8818,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8823,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(8824,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(8828,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(8830,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(8834,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8836,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8841,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(8842,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(8846,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(8848,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(8852,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8854,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8859,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(8860,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(8864,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(8866,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(8870,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8872,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8877,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(8878,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(8882,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(8884,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(8888,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8890,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8895,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(8896,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(8900,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(8902,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(8906,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8908,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8913,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(8914,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(8918,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(8920,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(8924,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8926,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8931,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(8932,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(8936,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(8938,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(8942,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8944,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8949,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8950,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8954,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8956,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8960,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8962,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8967,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(8968,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(8972,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(8974,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(8978,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8980,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8985,17): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(8986,24): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(8990,32): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(8992,28): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(8996,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(8998,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9003,17): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(9004,24): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(9008,32): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(9010,28): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(9014,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9016,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9021,17): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(9022,24): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(9026,32): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(9028,28): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(9032,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9034,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9039,17): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(9040,24): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(9044,32): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(9046,28): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(9050,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9052,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9057,17): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(9058,24): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(9062,32): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(9064,28): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(9068,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9070,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9075,17): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(9076,24): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(9080,32): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(9082,28): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(9086,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9088,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9093,17): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(9094,24): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(9098,32): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(9100,28): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(9104,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9106,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9111,17): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(9112,24): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(9116,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(9118,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(9122,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9124,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9129,17): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9130,24): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9134,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9136,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9140,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9142,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9147,17): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(9148,24): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(9152,32): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(9154,28): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(9158,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9160,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9165,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(9166,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(9170,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(9172,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(9176,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9178,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9183,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(9184,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(9188,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(9190,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(9194,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9196,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9201,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(9202,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(9206,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(9208,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(9212,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9214,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9219,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(9220,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(9224,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(9226,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(9230,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9232,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9237,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(9238,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(9242,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(9244,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(9248,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9250,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9255,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(9256,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(9260,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(9262,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(9266,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9268,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9273,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(9274,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(9278,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(9280,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(9284,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9286,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9291,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(9292,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(9296,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(9298,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(9302,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9304,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9309,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9310,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9314,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9316,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9320,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9322,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9327,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(9328,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(9332,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(9334,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(9338,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9340,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9345,17): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(9346,24): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(9350,32): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(9352,28): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(9356,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9358,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9363,17): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(9364,24): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(9368,32): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(9370,28): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(9374,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9376,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9381,17): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(9382,24): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(9386,32): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(9388,28): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(9392,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9394,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9399,17): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(9400,24): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(9404,32): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(9406,28): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(9410,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9412,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9417,17): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(9418,24): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(9422,32): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(9424,28): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(9428,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9430,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9435,17): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(9436,24): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(9440,32): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(9442,28): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(9446,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9448,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9453,17): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(9454,24): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(9458,32): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(9460,28): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(9464,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9466,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9471,17): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(9472,24): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(9476,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(9478,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(9482,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9484,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9489,17): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9490,24): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9494,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9496,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9500,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9502,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9507,17): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(9508,24): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(9512,32): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(9514,28): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(9518,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9520,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9525,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(9526,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(9530,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(9532,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(9536,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9538,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9543,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(9544,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(9548,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(9550,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(9554,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9556,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9561,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(9562,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(9566,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(9568,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(9572,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9574,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9579,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(9580,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(9584,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(9586,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(9590,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9592,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9597,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(9598,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(9602,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(9604,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(9608,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9610,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9615,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(9616,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(9620,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(9622,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(9626,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9628,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9633,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(9634,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(9638,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(9640,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(9644,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9646,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9651,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(9652,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(9656,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(9658,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(9662,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9664,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9669,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9670,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9674,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9676,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9680,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9682,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9687,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(9688,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(9692,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(9694,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(9698,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9700,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9705,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(9706,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(9710,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(9712,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(9716,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(9718,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(9723,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(9724,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(9728,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(9730,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(9734,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(9736,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(9741,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(9742,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(9746,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(9748,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(9752,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(9754,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(9759,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(9760,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(9764,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(9766,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(9770,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9772,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9777,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(9778,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(9782,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(9784,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(9788,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9790,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9795,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(9796,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(9800,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(9802,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(9806,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9808,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9813,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(9814,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(9818,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(9820,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(9824,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9826,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9831,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(9832,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(9836,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(9838,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(9842,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9844,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9849,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(9850,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(9854,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(9856,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(9860,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9862,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9867,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(9868,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(9872,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(9874,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(9878,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9880,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9885,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(9886,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(9890,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(9892,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(9896,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9898,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9903,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9904,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9908,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9910,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9914,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9916,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9921,17): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(9922,24): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(9926,32): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(9928,28): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(9932,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9934,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9939,17): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(9940,24): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(9944,32): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(9946,28): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(9950,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9952,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9957,17): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(9958,24): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(9962,32): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(9964,28): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(9968,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9970,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9975,17): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(9976,24): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(9980,32): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(9982,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(9986,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9988,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9993,17): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9994,24): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9998,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(10000,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(10004,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(10006,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(10010,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
 */
@import "less/_override.css";

:root {
    --bg-primary: #085ED7;
    --bg-secondary: gray;
    --bg-secondary-dark: darkgray;
    --bg-success: #45B369;
    --bg-warning: #FF9F2A;
    --bg-info: #6C747D;
    --bg-border: #E4E7EC;
    --text-primary: #4B5563;
    --text-dark: #121927;
    --text-light: white;
    --color-accent-primary: #0D6EFD;
    --color-border-light: #EDEDED;
    --color-success-deep: #1A8754;
    --color-danger: #DC3544;
    --icon-close-color: #4B5563;
    --bg-cancel-btn: #4B5563;
    --color-form-manager-primary: var(--primary-500);
    --color-form-manager-primary-dark: var(--primary-700);
}

html, body {
    /*height: 100%;*/
    margin: 0;
    padding: 0;
}

.SiteWrapper {
    box-sizing: border-box;
    min-height: 100%;
}

body {
    min-height: 100%;
    font-family: "adobe-clean", sans-serif;
    font-stretch: extra-condensed;
    position: relative;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

a.Button:hover .k-icon {
    font-weight: bold;
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    min-height: 1.45em;
}

.k-dropdown-wrap > .k-input {
    line-height: 1.25em;
}


.k-dropdown-wrap {
    height: 22px;
}

    .k-dropdown-wrap .k-select {
        line-height: 1.35em;
    }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0px;
}

.page-navigation-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.cancel-btn {
    color: var(--text-light);
    background-color: var(--bg-secondary);
    border-color: var(--bg-secondary);
}

    .cancel-btn:hover {
        color: var(--text-light);
        background-color: var(--bg-secondary-dark);
    }

/* Primary button class for form manager */
.fm-btn-primary {
    background-color: var(--color-form-manager-primary);
    color: var(--text-light);
    border-color: var(--color-form-manager-primary);
}

    .fm-btn-primary:hover {
        background-color: var(--color-form-manager-primary-dark);
        color: var(--text-light) !important;
        border-color: var(--color-form-manager-primary-dark);
    }

    .fm-btn-primary:active, .fm-btn-primary:focus {
        background-color: var(--color-form-manager-primary-dark) !important;
        color: var(--text-light) !important;
        border-color: var(--color-form-manager-primary-dark) !important;
    }

.fm-btn-outline-primary {
    background-color: transparent !important;
    color: var(--color-form-manager-primary) !important;
    border-color: var(--color-form-manager-primary) !important;
}

    .fm-btn-outline-primary:hover {
        background-color: var(--color-form-manager-primary) !important;
        color: var(--text-light) !important;
        border-color: var(--color-form-manager-primary) !important;
    }

    .fm-btn-outline-primary:active, .fm-btn-outline-primary:focus {
        background-color: var(--color-form-manager-primary-dark) !important;
        color: var(--text-light) !important;
        border-color: var(--color-form-manager-primary-dark) !important;
    }
:root {
    --default-font:;
    --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
    --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
    --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
    --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
    --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
    --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
    --size-2: 0.125rem;
    --size-4: 0.25rem;
    --size-6: 0.375rem;
    --size-8: 0.5rem;
    --size-9: 0.5625rem;
    --size-10: 0.625rem;
    --size-11: 0.6875rem;
    --size-12: 0.75rem;
    --size-13: 0.8125rem;
    --size-16: 1rem;
    --size-20: 1.25rem;
    --size-24: 1.5rem;
    --size-28: 1.5rem;
    --size-32: 2rem;
    --size-36: 2rem;
    --size-40: 2.5rem;
    --size-44: 2.75rem;
    --size-48: 3rem;
    --size-50: 3.125rem;
    --size-56: 3.5rem;
    --size-60: 3.75rem;
    --size-64: 4rem;
    --size-72: 4.5rem;
    --size-76: 4.75rem;
    --size-80: 5rem;
    --size-90: 5.625rem;
    --size-110: 6.875rem;
    --size-120: 7.5rem;
    --size-144: 9rem;
    --size-160: 10rem;
    --size-170: 10.625rem;
    --size-190: 11.875rem;
    --size-200: 12.5rem;
    --size-240: 15rem;
    --size-440: 27.5rem;
    --rounded-2: 0.125rem;
    --rounded-4: 0.25rem;
    --rounded-6: 0.375rem;
    --rounded-8: 0.5rem;
    --rounded-9: 0.5625rem;
    --rounded-10: 0.625rem;
    --rounded-11: 0.6875rem;
    --rounded-12: 0.75rem;
    --rounded-13: 0.8125rem;
    --rounded-16: 1rem;
    --rounded-20: 1.25rem;
    --rounded-24: 1.5rem;
    --rounded-28: 1.5rem;
    --rounded-32: 2rem;
    --rounded-36: 2rem;
    --rounded-40: 2.5rem;
    --rounded-44: 2.75rem;
    --rounded-48: 3rem;
    --rounded-50: 3.125rem;
    --rounded-56: 3.5rem;
    --rounded-60: 3.75rem;
    --rounded-64: 4rem;
    --rounded-72: 4.5rem;
    --rounded-76: 4.75rem;
    --rounded-80: 5rem;
    --rounded-90: 5.625rem;
    --rounded-110: 6.875rem;
    --rounded-120: 7.5rem;
    --rounded-144: 9rem;
    --rounded-160: 10rem;
    --rounded-170: 10.625rem;
    --rounded-190: 11.875rem;
    --rounded-200: 12.5rem;
    --rounded-240: 15rem;
    --rounded-440: 27.5rem;
    --bs-surface-base: #fff;
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --shadow-1: 0 4px 60px 0 rgba(4, 6, 15, 0.8);
    --shadow-2: 0 4px 60px 0 rgba(4, 6, 15, 0.5);
    --shadow-3: 0 20px 100px 0 rgba(4, 6, 15, 0.8);
    --shadow-4: 4px 8px 24px 0 rgba(182, 182, 182, 0.2);
    --shadow-5: 4px 12px 32px 0 rgba(0, 169, 158, 0.1);
    --shadow-6: 4px 16px 32px 0 rgba(0, 169, 158, 0.1);
    --font-2xxl: 2rem;
    --font-2xl: 1.75rem;
    --font-xxl: 1.5rem;
    --font-xl: 1.25rem;
    --font-lg: 1.125rem;
    --font-md: 1rem;
    --font-sm: 0.875rem;
    --font-xs: 0.75rem;
    --font-xxs: 0.625rem;
    --primary-50: #E4F1FF;
    --primary-100: #BFDCFF;
    --primary-200: #95C7FF;
    --primary-300: #6BB1FF;
    --primary-400: #519FFF;
    --primary-500: #458EFF;
    --primary-600: #487FFF;
    --primary-700: #486CEA;
    --primary-800: #4759D6;
    --primary-900: #4536B6;
    --neutral-50: #F5F6FA;
    --neutral-100: #F3F4F6;
    --neutral-200: #EBECEF;
    --neutral-300: #D1D5DB;
    --neutral-400: #9CA3AF;
    --neutral-500: #6B7280;
    --neutral-600: #4B5563;
    --neutral-700: #374151;
    --neutral-800: #1F2937;
    --neutral-900: #111827;
    --danger-50: #FEF2F2;
    --danger-100: #FEE2E2;
    --danger-200: #FECACA;
    --danger-300: #FCA5A5;
    --danger-400: #F87171;
    --danger-500: #EF4444;
    --danger-600: #DC2626;
    --danger-700: #B91C1C;
    --danger-800: #991B1B;
    --danger-900: #7F1D1D;
    --success-50: #F0FDF4;
    --success-100: #DCFCE7;
    --success-200: #BBF7D0;
    --success-300: #86EFAC;
    --success-400: #4ADE80;
    --success-500: #22C55E;
    --success-600: #16A34A;
    --success-700: #15803D;
    --success-800: #166534;
    --success-900: #14532D;
    --warning-50: #FEFCE8;
    --warning-100: #FEF9C3;
    --warning-200: #FEF08A;
    --warning-300: #FDE047;
    --warning-400: #FACC15;
    --warning-500: #EAB308;
    --warning-600: #FF9F29;
    --warning-700: #f39016;
    --warning-800: #e58209;
    --warning-900: #d77907;
    --info-50: #EFF6FF;
    --info-100: #DBEAFE;
    --info-200: #BFDBFE;
    --info-300: #93C5FD;
    --info-400: #60A5FA;
    --info-500: #3B82F6;
    --info-600: #2563EB;
    --info-700: #1D4ED8;
    --info-800: #1E40AF;
    --info-900: #1E3A8A;
    --cyan-50: #e2f5fb;
    --cyan-100: #DAF6FF;
    --cyan-200: #85daf4;
    --cyan-300: #6cdafc;
    --cyan-400: #48cef7;
    --cyan-500: #2bc9f9;
    --cyan-600: #00b8f2;
    --cyan-700: #03a9dc;
    --cyan-800: #049dcb;
    --cyan-900: #0390bb;
    --dark-1: #1B2431;
    --dark-2: #273142;
    --dark-3: #323D4E;
    --lilac-50: #f0e1ff;
    --lilac-100: #EBD7FF;
    --lilac-200: #dcc0f8;
    --lilac-300: #cd9ffa;
    --lilac-400: #c48afe;
    --lilac-500: #b66dff;
    --lilac-600: #8252E9;
    --lilac-700: #6f37e6;
    --lilac-800: #601eef;
    --light-50: #F5F6FA;
    --light-100: #F3F4F6;
    --light-600: #E4F1FF;
    --light-700: #374151;
    --light-800: #1F2937;
    --success-main: #45B369;
    --success-surface: #DAF0E1;
    --success-border: #B5E1C3;
    --success-hover: #009F5E;
    --success-pressed: #006038;
    --success-focus: rgba(69, 179, 105, 0.1490196078);
    --info-main: #144BD6;
    --info-surface: #E7EEFC;
    --info-border: #AECAFC;
    --info-hover: #0A51CE;
    --info-pressed: #06307C;
    --info-focus: rgba(20, 75, 214, 0.1490196078);
    --warning-main: #FF9F29;
    --warning-surface: #FFF9E2;
    --warning-border: #FFEBA6;
    --warning-hover: #D69705;
    --warning-pressed: #C28800;
    --warning-focus: rgba(255, 192, 45, 0.1490196078);
    --danger-main: #EF4A00;
    --danger-surface: #FCDAE2;
    --danger-border: #F9B5C6;
    --danger-hover: #D53128;
    --danger-pressed: #801D18;
    --danger-focus: rgba(239, 71, 112, 0.1490196078);
    --cyan: #00B8F2;
    --indigo: #7F27FF;
    --purple: #8252E9;
    --red: #E30A0A;
    --yellow: #F4941E;
    --orange: #F86624;
    --pink: #DE3ACE;
    --primary-light: rgba(72, 127, 255, 0.15);
    --yellow-light: rgba(255, 159, 41, 0.15);
    --purple-light: rgba(130, 82, 233, 0.15);
    --pink-light: rgba(250, 54, 230, 0.15);
    --primary-light-white: rgba(72, 127, 255, 0.25);
    --yellow-light-white: rgba(255, 159, 41, 0.25);
    --purple-light-white: rgba(132, 90, 223, 0.25);
    --pink-light-white: rgba(250, 54, 230, 0.25);
    --base: #fff;
    --brand: var(--primary-600);
    --button-secondary: var(--primary-50);
    --black: var(--dark-2);
    --white: var(--base);
    --bg-color: var(--neutral-50);
    --text-primary-light: var(--neutral-900);
    --text-secondary-light: var(--neutral-600);
    --text-secondary-dark: var(--neutral-300);
    --input-form-light: var(--neutral-300);
    --input-form-dark: var(--neutral-500);
    --input-bg: var(--neutral-50);
    --input-stroke: var(--neutral-300);
    --border-color: #d1d5db80;
}

@supports (-ms-accelerator:true) {
    /* IE Edge 12+ CSS styles go here */
    input[type="checkbox"] {
        vertical-align: sub;
    }

    .squaretext {
        display: inline !important;
    }
}



html {
    overflow-x: hidden !important;
    height: 100%;
    width: 100vw;
    font-size: 16px;
}

.body-content {
    overflow-x: hidden !important;
    position: relative;
    margin: 0;
    padding-bottom: 6rem;
    min-height: 100%;
}

form {
    margin-bottom: 100px;
    height: 100%;
}

/*begin css updates - Austin*/
.navbar-inverse {
    background-color: #002e62;
    box-shadow: 0px 5px 5px #888888;
    border-color: #080808;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    /*background-color: #03448d;*/
}

.redNew {
    color: #ab0535 !important;
}

.navbar-inverse .navbar-nav > li > a {
    color: white;
    letter-spacing: 1px;
    font-size: 15px;
    margin-top: 0px;
    padding: 10px 15px;
}

.navbar-inverse .navbar-nav > li:hover {
    background-color: #03448d;
}

.application-view-navbar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .application-view-navbar .navbar-nav {
        margin: 0px;
    }

    .application-view-navbar .dropdown {
        display: inline-block !important;
    }

    #topMenuBar .dropdown-menu,
    .application-view-navbar .dropdown-menu {
        width: fit-content !important;
        overflow-x: hidden;
    }

    /* Used for last dropdown so it won't flow outside the screen */
    #topMenuBar > li:last-of-type > .dropdown-menu,
    .application-view-navbar .navbar-nav > li:last-of-type > .dropdown-menu {
        left: auto;
        right: 0px;
    }

    #topMenuBar .login-nav {
        width: 100px !important;
        float: left !important;
    }
/*end css updates - Austin*/
@media (max-width: 768px) {
    .button2 {
        width: 100% !important;
    }

    .TreatmentBar > .col-sm-2 {
        margin-bottom: 10px;
    }

    .TreatmentBar > .col-sm-3:last-child {
        margin-bottom: 0px;
    }

    .row.toppadder {
        padding: 10px;
    }

    #topMenuBar .dropdown {
        display: block !important;
        float: none !important;
        text-align: left;
    }

    #topMenuBar .dropdown-menu {
        width: 100% !important;
    }

    #topMenuBar > li:last-of-type > .dropdown-menu {
        left: 0px;
    }

    .application-view-navbar .dropdown {
        display: block !important;
    }

    .application-view-navbar .dropdown-menu {
        left: auto;
        right: 0px;
    }
}

    .lnkPublicView {
        width: 100%;
        text-align: right;
    }

    .unbold > * {
        font-weight: 100 !important;
    }

    .modalSummary .modal-content {
        width: auto !important;
        margin: auto;
        height: auto;
    }

    .flkmodalBackground {
        background-color: #ddd;
        opacity: 0.7;
    }

    footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 80px;
        line-height: 50px;
        background-color: #343a40;
    }

    @media (max-width: 991px) {
        .nav > li {
            position: relative !important;
        }

        .navbar-header {
            float: none;
        }

        .navbar-left, .navbar-right {
            float: none !important;
        }

        .navbar-toggle {
            display: block;
        }

        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }

        .navbar-fixed-top {
            top: 0;
            border-width: 0 0 1px;
        }

        .navbar-collapse.collapse {
            display: none !important;
        }

        .navbar-nav {
            float: none !important;
            margin-top: 7.5px;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

        .collapse.in {
            display: block !important;
        }
    }

    @media (max-width: 991px) {
        .dropdown:active .dropdown-menu {
            display: block;
        }

        .dropdown:current .dropdown-menu {
            display: block;
        }

        .dropdown:focus .dropdown-menu {
            display: block;
        }

        .dropdown:hover .dropdown-menu {
            display: block;
        }
    }

    @media (max-width: 991px) {
        .dropdown-menu {
            position: relative;
            top: 100%;
            left: 0;
            z-index: 1000;
            display: none;
            float: left;
            min-width: 160px;
            padding: 5px 0;
            margin: 2px 0 0;
            font-size: 15px;
            text-align: left;
            list-style: none;
            overflow-x: scroll;
            background-color: #002e62;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            border: 1px solid #ccc;
            border: 1px solid rgba(0, 0, 0, .15);
            border-radius: 0px;
            -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
            box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        }
    }


    @media (max-width: 989px) {
        footer {
            margin: 0px;
            position: relative;
            bottom: 0;
            padding-top: 20px;
        }

            footer > .container > center > p {
                white-space: normal !important;
            }
    }

    .jumbotron {
        height: 100%;
    }

    header {
        background-color: white !important;
        z-index: 1001;
    }

    body {
        overflow-x: hidden !important;
        font-family: Roboto, sans-serif;
        background-color: #e6e6e6;
        position: relative;
        margin: 0;
        padding-bottom: 70px;
        min-height: 100%;
    }


    .CustomBodyHeight {
        height: 1500px;
    }

    .cpInput {
        width: 250px !important;
    }

    @media (max-width: 767px) {
        .cpInput {
            width: 100% !important;
        }
    }

    @media (max-width: 767px) {
        body {
            padding-bottom: 0px;
        }
    }

@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: "https://www.rankone.com/content/fonts/fontawesome-webfont.ttf?v=4.4.0";
}

    @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 400;
        src: local("Roboto"), local("Roboto-Regular"), url("https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2") format("woff2");
        unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
    }

    * {
    }

    header {
        font-family: Roboto, sans-serif;
        font-weight: 600;
    }

    #prevent_Event_Page_Overflow_CSS {
        height: 325px;
        max-height: 325px;
        overflow-y: auto;
        scroll-behavior: smooth;
    }

    #addheight {
        height: 500px;
    }

    .noGoPro {
        color: red;
    }

    .proChecker {
        float: right;
    }

    @media (max-width: 1547px) and (min-width: 991px) {
        .proChecker {
            float: none;
            display: block;
        }
    }

    .upTop {
        vertical-align: top !important;
    }

    #a_Dashboard {
        text-align: left;
    }
    /*please do not change the below*/

    #upcomingEventStyles {
    }

    .EventRows:nth-child(even) {
        background-color: #e6e6e6;
    }

    .bluesquare {
        color: white;
        margin-left: 0px;
        font-family: 'Roboto', sans-serif;
        display: inline-block;
    }

    .eventLineHeight {
        padding: 12px 10px 0px 10px;
    }

    .squaretext {
        margin-left: 0px;
        font-family: 'Roboto', sans-serif;
        text-align: center;
        background: #03448d;
        width: 65px;
        margin-bottom: 10px;
        margin-top: 10px;
        padding: 2.5px;
    }

        .squaretext > :not(:empty) {
            padding: 0px;
        }

    .squaremonth {
        margin-left: 0px;
        font-family: 'Roboto', sans-serif;
        /*text-align:;*/
        display: inline;
        font-size: 16px;
    }

        .squaremonth > :not(:empty) {
            padding: 0px;
            line-height: 21px;
        }


    .squareday {
        font-family: 'Roboto', sans-serif;
        text-align: center;
        font-size: 16px;
        display: block;
        -moz-text-align-last: center;
        display: inline;
    }

        .squareday > :not(:empty) {
        }

    #ghostSpace {
        display: inline;
    }

    @media (max-width: 993px) and (min-width: 1460px) {
        .squaremonth {
            display: block;
        }

        .squareday {
            display: block;
        }

        .squaretext {
            width: 50px;
        }

        .eventLineHeight {
            padding-top: 6px;
        }

        #ghostSpace {
            display: none;
        }
    }

    @media (max-width: 768px) {
        .glyphicon {
            display: none !important;
        }
    }

    @media (min-width: 992px) and (max-width: 1689px) {
        .glyphicon {
            display: none !important;
        }
    }

    @media (min-width: 1000px) and (max-width: 1536px) {
        .navbar-inverse .navbar-nav > li > a {
            font-size: 15px;
            padding: 10px 15px;
        }
    }    

    @media (max-width: 1500px) {
        .squaretext {
            width: 45px;
        }
    }

    .dDate {
        font-family: 'Roboto', sans-serif;
        width: 64px;
        text-align: center;
        font-size: 25px;
        font-weight: bold;
        line-height: 18px;
        display: block;
        -moz-text-align-last: center;
    }

    .subAlign {
        vertical-align: sub;
    }

    /*please do not change the above*/

    .hidden-div {
        display: none;
    }

    .table-responsive {
        border: 0px solid #bcbcbc !important;
        text-shadow: none !important;
    }

    @supports (-ms-ime-align:auto) {
        .squareday {
            display: inline;
            line-height: 18px;
        }

        .table-responsive {
            min-height: 0.01%;
            overflow-x: inherit;
        }
    }

    .grow {
        transition: all .2s ease-in-out;
    }


        .grow:hover {
            transform: scale(1.1);
        }

    .modalPopup {
        background-color: #FFF;
        color: #000000;
        border: 1px solid black;
        box-shadow: 0px 5px 5px #888888;
    }

        .modalPopup > .minibackheader {
            margin-bottom: 10px;
        }

    .flkmodalPopup2 > .minibackheader {
        margin-bottom: 10px;
    }


    .exitModal {
        margin-top: 5px;
    }

    .exitModal-addEvent {
        margin-top: 5px;
        float: right;
    }

    .exitModalEquipment {
        margin: 0px 0px 10px 10px;
    }

    .modalBg > * {
        background-color: #FFF;
    }

    .flkmodalPopup {
        background-color: #FFF;
        font-size: 13px;
        box-shadow: 0px 5px 5px #888888;
        border: 1px solid black;
        top: 0px;
    }

    .flkmodalPopup2 {
        background-color: #FFF;
        font-size: 13px;
        box-shadow: 0px 5px 5px #888888;
        border: 1px solid black;
    }

    @media (max-width: 767px) {
        .flkmodalPopup {
            width: 100% !important;
            max-width: 100%;
        }
    }


    /* begin modal pop up width area */
    #cph_Main_mod_Edit_Event_foregroundElement {
        position: relative;
        left: 50% !important;
        /*top: 0px !important;*/
        transform: translate(-50%, 0%);
    }

    #ctl00_cph_Main_mod_Add_Event_foregroundElement {
        position: relative;
        left: 50% !important;
        top: -120px !important;
        transform: translate(-50%, 0%);
    }

    @media (max-width:320px) {
        #ctl00_cph_Main_mod_Add_Event_foregroundElement {
            position: relative;
            left: 50% !important;
            top: 0px !important;
            transform: translate(-50%, 0%);
            width: 100%;
        }
    }

    #cph_Main_dv_Modal_Add_Event {
        position: relative;
        left: 50% !important;
        top: 0px !important;
        transform: translate(-50%, 0%);
    }

    #cph_Main_mod_Edit_Event_foregroundElement {
        position: relative;
        left: 50% !important;
        /*top: 0px !important;*/
        transform: translate(-50%, 0%);
    }

        #cph_Main_mod_Edit_Event_foregroundElement .flkmodalPopup {
            /*top:650px;*/
        }


    @media (min-width: 1800px) and (max-width: 3200px) {
        .flkmodalPopup {
            margin: 0 auto;
        }
    }

    @media (min-width: 1200px) and (max-width: 1800px) {
        .flkmodalPopup {
            margin: 0 auto;
        }
    }

    @media (min-width: 862px) and (max-width: 1200px) {
        .flkmodalPopup {
            margin: 0 auto;
        }
    }

    @media (min-width: 600px) (max-width:862px) {
        .flkmodalPopup {
            margin: 0 auto;
        }
    }

    .flkModalContainerTitle {
        /*space holder*/
    }

    #BrochureDiv {
        /*background: -webkit-linear-gradient(#ededed, #a6a19b)*/ /* For Safari 5.1 to 6.0 */
        /*background: -o-linear-gradient(#ededed, #a6a19b);*/ /* For Opera 11.1 to 12.0 */
        /*background: -moz-linear-gradient(#ededed, #a6a19b)*/ /* For Firefox 3.6 to 15 */
        /*background: linear-gradient(#ededed, #a6a19b);*/ /* Standard syntax */
        background-color: white;
        height: auto;
        background-size: contain;
    }

    .takeMeThere {
        color: white !important;
        margin-left: 20px;
    }

    .m- .displaying-photo {
        border-top-left-radius: 4px;
    }

    .glyphicon-new-window {
        font-size: 35px !important;
        float: right !important;
        margin-right: 10px;
        margin-top: 50px;
    }

    .transportationtitle {
        background-color: #EBEBEB;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
    }

    .tablecontenttext {
        font-size: 13px;
        line-height: 16px;
    }

    .gameText {
        display: inline-block;
    }

    contenttext-all > * {
        font-size: 13px;
    }

    .obj-center {
        margin: 0 auto !important;
    }

    .table-center {
        margin: 0 auto !important;
    }

    .table-center-contents > tr > td {
    }

    .middlebox {
    }

    .move > td {
        /*33%;*/
    }

    .middle > select {
        width: 50%;
    }

    .fix {
        height: 21px !important;
        overflow: visible !important;
    }

    .ajax__tab_tab {
        height: 21px !important;
        overflow: visible !important;
    }

    .ajax__tab_body {
    }

    .falseHeight {
        height: 250px;
    }

    .mytab {
        background-color: black !important;
    }

    .wordcontent {
        font-size: 13px;
    }

    .mtable_th {
        background: #666;
        color: #fff;
        padding: 10px;
        font-family: Roboto, sans-serif;
        vertical-align: middle !important;
    }

        .mtable_th > th {
            background: #666;
            color: #fff;
            padding: 10px;
            font-family: Roboto, sans-serif;
            vertical-align: middle !important;
        }

    th {
        background: #666 !important;
        color: #fff;
        padding: 10px;
        font-size: 13px;
        border: 1px solid black;
        font-family: Roboto, sans-serif;
    }


    .mtable > tbody > tr > th {
        font-size: 13px;
        line-height: 16px;
        background: #666;
        color: #fff;
        padding: 10px;
        font-family: Roboto, sans-serif;
    }

    .red {
        background-color: #fbd4d9;
    }

    .green {
        background-color: #baf6b0;
    }

    .yellow {
        background-color: #fff77d;
    }

    .greyBackground td {
        background-color: #DFE1E2;
    }

    .contenttext {
        font-size: 13px;
        font-family: Roboto, sans-serif !important;
    }

    .contenttextdash {
        font-size: 13px;
        margin: 10px 0px 0px 15px;
    }

    .tab-event {
        background-color: #bcbcbc;
        font-size: 13px;
        padding: 5px;
        margin-bottom: 2.5px;
        width: 75%;
    }

    .infocontent {
        font-size: 85%;
        font-family: 'Roboto', sans-serif;
        line-height: 16px;
        padding-top: 7.5px;
        padding-bottom: 0px;
        padding-left: 0px;
        white-space: nowrap;
    }

    .infoOther {
        font-family: 'Roboto', sans-serif;
        line-height: 16px;
        padding-top: 7.5px;
        padding-bottom: 7.5px;
    }

    /*navs.less file messing this up*/
body .nav-pills > li > a:hover {
    text-decoration: underline;
    background-color:none !important;
}
body .nav > li > a:hover, .nav > li > a:focus {
    background-color: none !important;
}

body #MainMagic > li > a:hover {
    background-color:none !important;
}

.hideme {
    display: none;
}

    .topbox {
        box-shadow: 0px 5px 5px #888888;
        background-color: #fff;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .box {
        box-shadow: 0px 5px 5px #888888;
        background-color: white !important;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 20px;
    }

    .boxcontent {
        padding: 10px;
        font-family: 'Roboto', sans-serif;
    }

    .gameHeight {
        height: 33px;
    }

    @media (max-width: 767px) {
        .gameHeight {
            height: auto;
        }

        .squaretext {
            width: 90px;
            height: 90px;
        }

        .eventLineHeight {
            padding: 6px 0px 0px 0px;
        }

        .squaremonth {
            display: block;
            font-size: 26px;
        }

        .squareday {
            display: block;
            font-size: 30px;
        }

        .squaretext > :not(:empty) {
            padding-top: 4px;
        }
    }

    .EventHeader {
        background-color: #bcbcbc;
        font-size: 14px;
        padding: 5px 0px;
    }

    @media (max-width: 1468px) {
        .EventHeader {
            display: none;
        }
    }

    #eventbox1 {
        font-family: 'Roboto', sans-serif;
    }

    #eventbox2 {
        padding: 10px 0px 0px 2.5px;
        font-family: 'Roboto', sans-serif;
    }

    @media (max-width: 991px) {
        #eventbox1 {
            padding: 25px 5px 20px 5px;
        }

        #eventbox2 {
            padding: 25px 5px 20px 5px;
        }
    }

    @media (max-width: 767px) {
        #MainMagic {
            margin: 0 auto !important;
            display: table;
        }

        .nav-pills > li > a {
            margin: 0px 10px !important;
        }

        #logo {
            margin: 0 auto !important;
        }
    }

    .topnavs {
        color: #ab0535;
    }

    .center-pills {
        display: inline-block;
    }

    .underline {
        text-decoration: underline;
    }

    /*
    fix mid navbar
    
    @media (max-width: 767px) {
    #topnavs {
        text-align: justify;
        color: #ab0535;
        white-space: nowrap;
        display: inline;
        word-break: keep-all;
    }

    

    li > a > .glyphicon {
        display: none;
    }
}

@media (max-width: 1414px) {
    .glyphicon {
        display:none;
    }
}

@media (max-width: 1365px) {
    #nav > li > a {
        font-size:16px;
    }
    .navbar-nav > li > a {
        padding-left:15px;
        padding-right:15px;
    }
}*/

    #helpnav {
        margin-left: 0;
        color: #ab0535;
    }

    @media (max-width: 767px) {
    }

    .morebuttons {
        float: right;
        /*margin-top: 15px;*/
        font-size: 13px;
        color: #ab0535;
    }

        .morebuttons:hover {
            color: #ab0535;
        }



    #quicklinks > ul > li > a {
        padding: 5px 0px 5px 0px;
        margin: 0px 0px 0px 0px;
        color: #ab0535;
    }

        #quicklinks > ul > li > a:first-child {
            padding: 0px 0px 5px 0px;
            margin: 0px 0px 0px 0px;
            color: #ab0535;
        }

        #quicklinks > ul > li > a:last-child {
            padding: 2.5px 0px 0px 2.5px;
            margin: 0px 0px 0px 0px;
            color: #ab0535;
        }

    .bg {
        background-color: #e6e6e6;
    }

    .noflowy {
        overflow-y: hidden;
    }

    .VideoButton {
        background-color: white;
        color: #ab0535;
        display: inline-block;
        width: auto;
        font-size: 12px;
        border: 2px solid #ab0535;
        padding: 3px;
    }

        .VideoButton:hover {
            background-color: #eee;
            text-decoration: none;
        }

    .nobutton {
        margin-right: 40px;
        color: #000;
        font-weight: bold;
    }


    .button3 {
        width: 400px;
    }

    /*C:\Users\agammons\Source\Repos\RankOne.Orgs\RankOne.OrganizationalCP\Content\images\butt.gif*/

.LinkButton2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #555555;
    background: url(images/butt.gif) transparent repeat-x;
    padding: 3px 10px;
    height: 23px;
    border: 1px solid #d0d0d0;
    width: auto;
    cursor: pointer;
    margin: 10px 10px 10px 0px;
}

    .button2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #555555;
        background: url(images/butt.gif) transparent repeat-x;
        padding: 0px 10px;
        height: 23px;
        border: 1px solid #d0d0d0;
        width: auto;
        cursor: pointer;
        margin: 10px 10px 10px 0px;
    }

        .button2:first-child {
            /*margin-left: 0px;*/
        }

        .button2:hover {
            border: 1px solid black;
            color: black;
        }

.button2--variant {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 10px;
    height: 23px;
    border: 1px solid #d0d0d0;
    width: auto;
    cursor: pointer;
}



    .button1 {
        color: #fff;
        background: #03448d;
        padding: 4px;
        width: 140px;
        margin: 10px;
        font-size: 13px;
    }

    .ablock {
        display: block;
    }

    .campsLive {
        display: block;
        float: right;
    }

    .qlspacer {
        padding-left: 10px;
        margin-top: 5px;
        margin-bottom: 0px;
        padding-bottom: 10px;
        font-family: 'Roboto', sans-serif;
        padding-right: 10px;
    }

        .qlspacer > li > a {
            font-size: 12px;
        }

    .mainbtn {
        background: -webkit-linear-gradient(#e6e6e6, #bcbcbc) !important; /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#03448d, #002e62); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#e6e6e6, #bcbcbc) !important; /* For Firefox 3.6 to 15 */
        background: linear-gradient(#03448d, #002e62); /* Standard syntax */
        color: #555555;
        padding: 2px 10px;
        font-weight: bold;
        margin-right: 5px;
    }

        .mainbtn:hover {
        }

    .calendarRemodel > table > tbody > tr > td > table > tbody > tr > td > a {
        margin: 5px;
        font-size: 20px;
        color: #FFF !important;
    }

    .calendarRemodel > table > tbody > tr > td > table > tbody > tr > td {
        font-size: 20px !important;
        background-color: #002e62 !important;
        color: white;
    }

    .calendarRemodel > table > tbody > tr > td > a {
        font-size: 13px;
    }

    .calendarRemodel > table > tbody > tr:first-child > td {
        background-color: #002e62 !important;
    }

    .calendarRemodel > table > tbody > tr > th {
        color: #FFF;
        text-align: center;
        font-size: 16px;
    }

    .calendarRemodel > td {
        font-size: 13px;
    }

    .calendarCurrent > table > tbody > tr > td {
    }

        .calendarCurrent > table > tbody > tr > td > table > tbody > tr > td {
            background-color: silver;
            font-size: 13px !important;
        }

            .calendarCurrent > table > tbody > tr > td > table > tbody > tr > td:first-child {
                background-color: silver;
                font-size: 20px !important;
                padding-left: 10px;
            }

                .calendarCurrent > table > tbody > tr > td > table > tbody > tr > td:first-child:hover {
                    cursor: pointer;
                }

            .calendarCurrent > table > tbody > tr > td > table > tbody > tr > td:last-child {
                background-color: silver;
                font-size: 20px !important;
                padding-right: 10px;
            }

            .calendarCurrent > table > tbody > tr > td > table > tbody > tr > td:last-child {
                cursor: pointer;
            }

    .calendarCurrent > table > tbody > tr > th {
        text-align: center;
        border: none;
        background-color: #FFF !important;
        color: black;
    }

    .calendarCurrent > table > tbody > tr > td {
        font-size: 14px !important;
    }

        .calendarCurrent > table > tbody > tr > td > table > tbody > tr:first-child > td:nth-child(even) {
            font-size: 16px !important;
        }

    .dataheader {
        font-size: 13px;
        font-weight: normal;
        display: block;
        vertical-align: sub;
    }

        .dataheader > a {
            color: #ab0535;
        }

    .Time {
        display: inline;
    }

    .infoheader {
        color: #000;
        background: #fbd4d9;
        padding: 5px;
        font-size: 13px;
        display: inline;
    }

        .infoheader > a {
            color: #ab0535;
        }

            .infoheader > a:hover {
                color: #ab0535;
            }

    .calHeader {
        color: #fff;
        background: #002e62;
        background: -webkit-linear-gradient(#03448d, #002e62); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#03448d, #002e62); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#03448d, #002e62); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#03448d, #002e62); /* Standard syntax */
        /*border:5px solid #002e62;*/
        padding: 10px;
        margin-bottom: 0px;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 600;
        font-family: 'Roboto', sans-serif;
        text-align: center;
    }

        .calHeader > select {
            display: inline-block;
        }

        .calHeader > a {
            display: inline-block;
        }

    @media (max-width: 767px) {
        .minibackheader > select {
            display: block !important;
            float: none !important;
            text-align: right;
        }

        .minibackheader > a {
            float: none !important;
            display: block !important;
        }
    }

    .minibackheader {
        color: #fff;
        background: #002e62;
        background: -webkit-linear-gradient(#03448d 40%, #002e62 80%); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#03448d 40%, #002e62 80%); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#03448d 40%, #002e62 80%); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#03448d 40%, #002e62 80%); /* Standard syntax */
        /*border:5px solid #002e62;*/
        padding: 10px;
        margin-bottom: 0px;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 600;
        font-family: 'Roboto', sans-serif;
    }

        .minibackheader > select {
            float: right;
            display: inline-block;
            height: 23px;
        }

        .minibackheader > a {
            float: right;
            display: inline-block;
        }

    minibackheader > h3 {
        display: inline-block;
        float: left;
    }


    /*-----------------------------------------*/
    .minibackWarning {
        color: #fff;
        background: #ab0535;
        background: -webkit-linear-gradient(#ab0535 20%, #ab0535 80%); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#ab0535 20%, #ab0535 80%); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#ab0535 20%, #ab0535 80%); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#ab0535 20%, #ab0535 80%); /* Standard syntax */
        /*border:5px solid #002e62;*/
        padding: 7.4px;
        margin-bottom: 0px;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 600;
        font-family: 'Roboto', sans-serif;
    }

        .minibackWarning > select {
            float: right;
            display: inline-block;
            height: 23px;
        }

        .minibackWarning > a {
            float: right;
            display: inline-block;
        }

    minibackWarning > h3 {
        display: inline-block;
        float: left;
    }

    .headerOptions {
        float: right;
        margin: 0 6px;
    }

        .headerOptions > .form-control {
            height: 24px;
            padding: 0px;
        }

    @media (max-width: 767px) {
        .headerOptions {
            float: none;
            margin: 2px auto;
        }

            .headerOptions > .form-control {
                height: 24px;
                padding: 0px;
            }
    }


    .flkModalContainerTitle {
        color: #fff;
        background: #002e62;
        background: -webkit-linear-gradient(#03448d, #002e62); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#03448d, #002e62); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#03448d, #002e62); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#03448d, #002e62); /* Standard syntax */
        /*border:5px solid #002e62;*/
        padding: 10px;
        margin-bottom: 0px;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 600;
        font-family: 'Roboto', sans-serif;
    }

        .flkModalContainerTitle > select {
            float: right;
            display: inline-block;
        }

        .flkModalContainerTitle > a {
            float: right;
            display: inline-block;
        }

        .flkModalContainerTitle > h3 {
            display: inline-block;
            float: left;
        }

        .flkModalContainerTitle > .flkspanClose {
            float: right !important;
        }

        .flkModalContainerTitle > .flkspanTitle {
            display: inline-block;
        }

    .flkspanClose > a > img {
        margin-top: 4px;
        margin-bottom: 35px;
    }


    #headerformainlist {
        color: #fff;
        background: #002e62;
        background: -webkit-linear-gradient(#03448d, #002e62); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#03448d, #002e62); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#03448d, #002e62); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#03448d, #002e62); /* Standard syntax */
        /*border:5px solid #002e62;*/
        padding: 7.4px;
        margin-bottom: 0px;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 600;
        font-family: 'Roboto', sans-serif;
    }

        #headerformainlist > select {
            float: right;
            display: inline-block;
        }

        #headerformainlist > h3 {
            display: inline-block;
        }

    log-boxes {
        width: 50%;
    }

    .multi {
        width: 100% !important;
        display: block;
    }

    @media (max-width: 1506px) {
        .multi {
            width: 100% !important;
            display: block;
        }
    }

    @media (max-width: 767px) {
        .multi {
            width: 100% !important;
            display: block;
        }
    }

    .forms {
    }

    .multi1 {
        width: 18.7% !important;
    }

    .multi2 > td {
        width: 25%;
    }

        .multi2 > td > select {
            width: 75% !important;
        }

    .option4Box {
        width: 75% !important;
    }

    .multi4 > td {
        width: 25% !important;
    }

    .understrike {
        font-size: 16px;
        font-family: Roboto, sans-serif;
    }

    .displayError {
        font-size: 13px;
        color: red;
    }

    .noWrap {
        white-space: nowrap;
    }

    #fixthenavheight {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        background: transparent;
    }

    @-moz-document url-prefix() {
        fieldset {
            display: table-cell;
        }
    }

    h3 {
        font-family: 'Roboto', sans-serif;
        color: #e6e6e6;
    }

    #welcomename {
        float: right;
    }


    #backtotop {
        font-size: 20px;
        float: right;
        color: #ab0535;
    }

    #u2 {
        display: inline-block;
    }

    /*the following ID's are for the date and month functions for the upcoming event section
    please note the js would not work for me if I gave them classes
    this includes the ID's (d1 - d8) AND (a - h)
*/

    #d1 {
        font-size: 25px;
        padding-bottom: 0px;
        font-weight: bold;
    }

    #d2 {
        font-size: 25px;
        padding-bottom: 0px;
        font-weight: bold;
    }

    #d3 {
        font-size: 25px;
        padding-bottom: 0px;
        font-weight: bold;
    }

    #d4 {
        font-size: 25px;
        padding-bottom: 0px;
        font-weight: bold;
    }

    #d5 {
        font-size: 25px;
        padding-bottom: 0px;
        font-weight: bold;
    }

    #d6 {
        font-size: 25px;
        padding-bottom: 0px;
        font-weight: bold;
    }

    #d7 {
        font-size: 25px;
        padding-bottom: 0px;
        font-weight: bold;
    }

    #d8 {
        font-size: 25px;
        padding-bottom: 0px;
        font-weight: bold;
    }

    #a {
        font-size: 14px;
        font-weight: bold;
    }

    #b {
        font-size: 14px;
        font-weight: bold;
    }

    #c {
        font-size: 14px;
        font-weight: bold;
    }

    #d {
        font-size: 14px;
        font-weight: bold;
    }

    #e {
        font-size: 14px;
        font-weight: bold;
    }

    #f {
        font-size: 14px;
        font-weight: bold;
    }

    #g {
        font-size: 14px;
        font-weight: bold;
    }

    #h {
        font-size: 14px;
        font-weight: bold;
    }

    .nav-item {
        color: #ab0535;
        margin-top: 21px;
    }

    #understrikepie {
        font-size: 15px;
        padding: 25px 0px 0px 0px;
    }

    .table tbody tr td, .table tbody tr th {
        font-family: Roboto, sans-serif;
    }

    th {
        border-top: 1px solid black;
    }

    .mtable_row0 {
        background-color: #E4E4E4;
    }

    .table > tr > td {
        border-top: none !important;
        font-size: 13px;
        font-family: Roboto, sans-serif;
    }

    .mtable2 > tr > td {
        font-size: 13px;
        font-family: Roboto, sans-serif;
    }

    .firstlist {
        list-style: none;
    }

    .indent {
        text-indent: 16px;
    }

    .indent1 {
        text-indent: 32px;
    }

    .indent2 {
        text-indent: 64px;
    }

    .indent3 {
        text-indent: 96px;
    }


    #cph_Main_dv_Record_Count {
        padding-bottom: 0px;
    }

    #yearselector {
        font-size: 16px;
        float: right;
    }

    select {
        color: black;
        font-size: 13px !important;
    }

    .selectorbox {
        width: 90%;
    }
    /*b {
    color: #002e62;
}
    */

    .rankinput {
        padding: 5px;
        width: 180px;
    }

    .rankinputlabel {
        margin-top: 0px;
        padding: 5px;
    }

    .border {
        border: 1px solid grey;
    }

    .spacemakerbuttons {
        padding: 8px 8px 8px 12px;
        font-size: 13px !important;
    }

        .spacemakerbuttons > input {
            margin-right: 6px;
        }

    @media (max-width: 767px) {
        .spacemakerbuttons {
            padding: 16px 8px 0px 12px;
            font-size: 13px !important;
        }

            .spacemakerbuttons > input {
                display: block;
                margin-bottom: 16px;
            }

                .spacemakerbuttons > input:last-child {
                    margin-bottom: 0px;
                    display: block;
                }

        .dropdown-menu {
        }
    }

    .padLeft20 {
        padding-left: 20px;
    }

    .pad-left {
        padding-left: 10px;
    }

    .spacemaker {
        padding: 10px;
        font-size: 13px !important;
    }

        .spacemaker > input {
            margin: 0px 8px 0px 0px;
        }

        .spacemaker > select {
            margin: 0px 0px 0px 0px;
            padding-left: 0px;
            padding-right: 0px;
        }

    .spacemakercheckboxes > table > tbody > tr > td {
        padding: 4px 12px 0px 0px;
        display: inline-block;
    }

        .spacemakercheckboxes > table > tbody > tr > td > input {
            display: inline-block;
        }

    .spacemakercheckboxes > select {
        margin: 0px 64px 0px 6px;
    }

    .spacemakercheckboxes > table > tbody > tr > td > label {
        display: inline-block;
    }

    .spacemakercheckboxes > input {
        vertical-align: -2px;
    }

    .spacemakerselectors {
        padding: 16px 0px 0px 0px;
        font-size: 13px !important;
    }

    .spacemakerbottom {
        padding: 10px 10px 0px 10px;
        font-size: 13px !important;
    }

    .fixChkBox > tbody > tr > th:first-child,
    .fixChkBox > tbody > tr > td:first-child {
        text-align: center !important;
    }

    @media (min-width: 768px) {
        .form-inline .form-control {
            vertical-align: 0px !important;
        }
    }


    .myInput {
        vertical-align: -2px;
        height: 27px;
        border: 1px solid #bcbcbc !important;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

        .myInput:focus {
            border-color: #e6e6e6;
            height: 27px;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #03448d;
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #03448d;
        }


    select {
        font-family: Roboto, sans-serif;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

        select.form-control {
            padding: 3px;
        }

    label {
        text-indent: 2px;
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 13px !important;
        color: black;
    }

    .block {
        display: block;
    }

    .inline-block {
        display: inline-block;
    }

    .font13 {
        font-size: 13px;
    }

        .font13 > table > tr > td {
            font-size: 13px;
        }

            .font13 > table > tr > td > a {
                font-size: 13px;
            }

        .font13 > table > tbody > tr > td > a {
            font-size: 13px;
        }

        /*.font13 > table > tbody > tr > td > {
            font-size: 13px;
        }*/

    .fontblack {
        color: black;
    }

    .ghost {
        color: white;
    }

    .whiteBackGround {
        background-color: white !important;
    }

    @media (max-width: 991px) {
        .rmvPadL {
            padding-left: 0px;
        }

        .rmvPadR {
            padding-right: 0px;
        }
    }

    .bottompad5 {
        padding-bottom: 10px;
    }

    .td-pad > tbody > tr > td {
        padding: 10px;
    }

    .td-pad > tr > td {
        padding: 10px;
    }

    .td-pad-left > tbody > tr > td {
        padding-left: 10px;
    }

    .td-pad-left > tr > td {
        padding-left: 10px;
    }

    .td-no-right-pad {
        padding-right: 0px !important;
    }

    .td-yes-right-pad {
        padding-right: 10px !important;
    }

    .td-pad-right > tr > td {
        padding-right: 50px;
    }

    .td-no-left-pad {
        padding-left: 0px !important;
    }

        .td-no-left-pad > td {
            padding-left: 0px !important;
        }

        .td-no-left-pad > tbody > tr > td {
            padding-left: 0px !important;
        }

        .td-no-left-pad > tr > td {
            padding-left: 0px !important;
        }

    .td-no-bottom-pad {
        padding-bottom: 0px !important;
    }

        .td-no-bottom-pad > tbody > tr > td {
            padding-bottom: 0px !important;
        }

        .td-no-bottom-pad > tr > td {
            padding-bottom: 0px !important;
        }

    .tr-no-bottom-pad > td {
        padding-bottom: 0px !important;
    }

    .tr-no-top-pad > td {
        padding-top: 0px !important;
    }

    tr-add-vertical-pad > tbody > tr {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    tr-add-vertical-pad > tr {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .tr-no-pad-vertical > td {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .td-no-top-pad {
        padding-top: 0px !important;
    }

    .td-no-top-pad-by-row > td {
        padding-top: 0px !important;
    }

    .button-no-left-margin {
        margin-left: 0px;
    }

    .no-margin {
        margin: 0px !important;
    }

    .no-margin-all > * {
        margin: 0px !important;
    }

    .no-padding {
        padding: 0px !important;
    }

        .no-padding > tbody > tr > td {
            padding: 0px !important;
        }

    .td-no-pad {
        padding: 0px !important;
    }

    .all-pad {
        padding: 10px;
    }

    .magicPad {
        padding-top: 5px;
    }

    .magicPadx2 {
        padding-top: 10px;
    }

    .light-pad > tbody > tr > td {
        padding: 2.5px;
    }

    .light-pad > tr > td {
        padding: 2.5px;
    }


    .padder {
        padding: 0px 10px 10px 10px;
        font-size: 13px !important;
    }

    .padderdoublesides {
        padding: 0px 16px 0px 16px;
        font-size: 13px !important;
    }

    .toppadder {
        padding: 10px 0px 0px 0px;
    }


    .bottompadder {
        padding: 0px 0px 10px 0px;
    }

    .bottompadderX2 {
        padding-bottom: 15px;
    }

    .vertical-pad {
        padding: 10px 0px 10px 0px;
    }

    .rem-ver-pad {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .hori-pad {
        padding: 0px 10px 0px 10px;
    }

    .calPad {
        padding: 0px 10px 0px 10px;
    }

    .rem-hori-pad {
        padding-left: 0px;
        padding-right: 0px;
    }

    .td-pad8 {
        padding: 8px;
    }


    .no-top-margin {
        margin-top: 0px !important;
    }

    .button-top-right {
        margin: 0px 0px;
    }

    .top-m-5 {
        margin-top: 5px;
    }

    .top-m-10 {
        margin-top: 10px;
    }

    .right-m-10 {
        margin-right: 10px;
    }


    .cal_Day {
        height: 60px !important;
    }

    @media (max-width: 767px) {
        .cal_Day {
            height: 30px !important;
        }
    }

    .searchboxspacer {
        display: inline-block;
        margin-right: 30px;
    }

    .remove-left-padding {
        padding-left: 0px;
    }

    .add-left-margin {
        margin-left: 10px;
    }

    .noshow {
        opacity: 0;
    }


    #letterselect > a {
        font-size: 12px;
        color: #002e62;
    }

        #letterselect > a:hover {
            color: #ab0535;
        }

    .block {
        display: inline-flex;
    }

    .float-right {
        float: right;
    }

    .float-left {
        float: left;
    }

    .searchwrapper {
        padding-bottom: 12px;
        display: inline-block;
    }

    .searchwrapper-right {
        padding-bottom: 12px;
        display: inline-block;
        margin-right: 10px;
    }

    .not-elig {
        background-color: #fbd4d9;
        text-align: center;
        font-size: 13px;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 250px;
        display: block;
        float: right;
    }

    .flklabelcenter {
        font-size: 13px !important;
        text-align: center;
        font-weight: bold;
    }



    .flklabelLeft {
        padding: 0px !important;
        font-size: 13px !important;
        font-weight: bold;
    }

    .flklabel-float-left {
        float: left;
    }

    .flklabel {
        font-size: 13px !important;
        text-align: right;
        font-weight: bold;
    }

    .flklabel-nofloat {
        float: none;
        font-weight: bold;
        font-size: 13px !important;
    }

    .flkFix {
        padding: 1px 2px 0px 0px;
        ;
    }

    .minLabel {
        font-weight: bold;
        padding-bottom: 0px !important;
        font-size: 13px;
        font-family: Roboto, sans-serif;
    }

    .flkHeader {
        font-size: 13px;
        color: #002e62;
        font-weight: bold;
        font-family: Roboto, sans-serif;
    }

    .formsCheckbox {
        vertical-align: middle;
        padding-right: 10px;
        display: inline-block;
        vertical-align: -1.4px;
    }

    .formsCheckbox1 {
        vertical-align: middle;
        padding-right: 10px;
        display: inline-block;
        font-weight: normal !important;
    }

    .dateBox-right {
        display: inline-block;
        float: right;
    }

    .form-control {
        height: 24px;
    }

    .user_else {
        width: 75%;
        float: left;
    }

    @media (min-width: 767px) {
        .mobileselect {
            display: none;
        }
    }

    @media (min-width: 768px) and (max-width: 837px) {
        .nav > li {
            display: inline-block;
        }
    }

    @media (min-width: 768px) and (max-width: 1100px) {
        .dropdown-menu {
            right: 0;
            left: auto;
        }
    }

    .idwrapper {
        display: inline-block;
        margin-top: 8px;
    }

    .namewrapper {
        display: inline-block;
        margin-top: 8px;
    }

    .idwrapper > input:last-child {
        margin-right: 4px;
    }

    .namewrapper > input:last-child {
        margin-right: 4px;
        margin-bottom: 4px;
    }

    @media (max-width: 767px) {
        .formsCheckbox {
            vertical-align: middle;
            padding-right: 10px;
            display: inline-block !important;
            margin-bottom: 8px;
        }

            .formsCheckbox:last-child {
                margin-bottom: 8px;
            }

        .idwrapper {
            display: block;
            margin-top: 8px;
        }

        .namewrapper {
            display: block;
            margin-top: 8px;
        }

        .idwrapper > input:last-child {
            float: right;
            margin-right: 4px;
        }

        .namewrapper > input:last-child {
            float: right;
            margin-right: 4px;
            margin-bottom: 4px;
        }

        .searchid {
            padding: 5px 5px 5px 0px;
        }

        .searchname {
            padding: 5px 5px 5px 0px;
        }
    }

    .idwrapper {
        margin-top: 0px;
    }

    .namewrapper {
        margin-top: 0px;
    }

    #goodblock {
        width: 20px;
        height: 20px;
        background: #93E24E;
        float: left;
    }

    #good {
        display: inline-block;
        padding: 1px 0px 2.5px 0px;
    }

    #badblock {
        width: 20px;
        height: 20px;
        background: #e02c57;
        color: black;
        float: left;
    }

    #bad {
        display: inline-block;
    }

    .legend {
        font-size: 13px;
        text-align: left;
        margin-left: 25px;
        margin-bottom: 25px;
        margin-right: 25px;
        border: 1px dotted #e6e6e6;
        padding: 5px;
        vertical-align: central;
    }

    .tooltip:hover {
        display: block;
        width: auto;
        height: auto;
        background-color: #bcbcbc;
        color: #FFF;
    }

    .gv_results > td {
        padding: 0px 0px 0px 0px;
        text-align: left;
        color: Black;
    }

    .syncInfo {
        background-color: #bcbcbc;
    }

    .page {
        color: black;
        border-bottom: 1px solid black;
        margin-right: 10px;
    }

        .page:hover {
            color: black;
            border: none;
            text-decoration: none;
        }

    .AthProNot {
        background: #ACF1A3;
    }

    .AthProReq {
        background: #FFFCAE;
    }

    .add_button {
        position: relative;
    }



    .row {
        margin: 0px !important;
    }

    .log-select-boxes {
        width: 250px;
    }

    .old-red {
        background-color: #fbd4d9;
        text-align: center;
        clear: both;
        margin-bottom: 15px;
        font-size: 16px;
    }

    .report-select-options {
        /*margin: 5px;*/
        border: 1px solid #ddd;
        background: #fff;
        padding: 5px;
        display: -webkit-flex;
        display: -ms-flexbox;
        color: black;
        font-weight: bold;
    }

        .report-select-options > input {
            width: 20px;
            height: 15px;
            background: #e0e0e0;
            border: none;
        }

        .report-select-options > span {
            display: inline-block;
            padding: 0px;
            margin: 0px;
            width: 190px;
        }

        .report-select-options > a {
            margin-left: 5px;
        }

            .report-select-options > a > img {
                border: none;
            }

    .number-space > tbody > tr:last-child > td > table > tbody > tr > td {
        padding-right: 5px !important;
    }

    .noBorder > tbody > tr > td,
    .noBorder > tbody > tr > th {
        border: none !important;
        background-color: white !important;
        color: black;
    }

    .one-line {
        display: inline-block;
    }

    .l-btn {
        padding-left: 0px !important;
    }

    .r-btn {
        padding-right: 0px !important;
    }

    .h-btn {
        padding-top: 0px !important;
    }

    .low-btn {
        padding-bottom: 0px !important;
    }

    .noCheckBox > input {
        display: none;
    }

    .str8-input {
        vertical-align: 0px;
    }

    .yc_in {
        border: 1px solid #bcbcbc;
        font-family: Roboto, sans-serif;
        background-color: #e6e6e6;
        height: 195px;
        margin-bottom: 11px;
        padding-bottom: 14px;
        text-decoration: none;
        font-weight: bold;
        line-height: 22px;
    }

    .yc_box {
        text-align: center;
        margin-top: 18px;
    }

    @media (max-width: 767px) {
        .yc_box {
            float: none;
            margin-right: 0px;
            margin-left: 0px;
            width: unset;
        }
    }

    @media (max-width:767px) {
        .nav-pills > li > a {
            margin-left: 20px;
        }
    }

    .miniCalHeader {
        color: #fff;
        background: #002e62;
        background: -webkit-linear-gradient(#03448d, #002e62); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#03448d, #002e62); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#03448d, #002e62); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#03448d, #002e62); /* Standard syntax */
        /*border:5px solid #002e62;*/
        padding: 10px;
        margin-bottom: 0px;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 600;
        font-family: 'Roboto', sans-serif;
    }

    miniCalMonths {
        color: white;
    }

    .weektxt {
        font-size: 12px !important;
        color: #ab0535;
    }

    .daytxt {
        font-size: 12px !important;
        color: #002e62;
    }

    .rebornTables > tbody > th {
        padding: 2.5px !important;
    }

    .cal_header2 {
        color: #FFF;
        text-align: center;
        padding-top: 2px;
        padding-bottom: 4px;
        background-color: #222;
    }

    .bold {
        font-weight: bold;
    }

    .displayMainImg {
        border: 0 !important;
        margin-bottom: 15px !important;
        margin-top: 15px !important;
        max-width: 100% !important;
        display: block !important;
        height: auto !important;
    }

    .slideImage {
        margin: 0px !important;
    }

    .up {
        margin: 0px 5px 0px 0px !important;
    }

    .down {
        margin: 0px !important;
    }

    .text-hidden {
        width: 400px;
    }

    .text-black {
        color: black !important;
    }

    .tab-event {
        color: white;
    }

    .sliders {
        margin: 0px 0px 5px 0px;
        background-color: #222;
    }

    .pagination {
        margin: 0px !important;
    }

    .fontMenu > li > a {
        font-size: 20px;
        letter-spacing: 1px;
        font-weight: 600;
        font-family: Roboto, sans-serif;
    }

    .none {
        display: none;
        color: #fff;
    }

    .hb1nt {
    }

    .hb2vt {
        width: 100%;
    }

    .profileBlock {
        width: 20px;
        height: 400px;
    }

    .flkLink {
        color: #ab0535 !important;
        text-decoration: underline;
        font-size: 13px;
    }

        .flkLink:hover {
            color: #ab0535 !important;
            text-decoration: none;
            font-size: 13px;
        }

    .flkLinkMonth {
        color: #FFF;
        text-decoration: none;
        font-size: 16px;
    }

        .flkLinkMonth:hover {
            color: #FFF;
            text-decoration: underline;
            font-size: 16px;
            cursor: pointer;
        }

    .box_empty {
        background-image: url('../images/empty_date.gif');
        background-color: #c0c0c0;
    }

    .error {
        color: #ab0535;
    }

    .text-bottom {
        vertical-align: text-bottom;
    }

    .override .ajax__tab_xp .ajax__tab_body {
        border-top: 1px solid gray;
    }

    .override .ajax__tab_xp .ajax__tab_header {
        font-size: 13px;
        color: white;
        height: 30px;
        background: none;
    }

    .override .ajax__tab_tab {
        padding: 6px !important;
    }

    .override .ajax__tab_xp .ajax__tab_tab {
    }

    .override .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer {
        background: none;
    }

        .override .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner {
            background: none;
            color: white;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,bcbcbc+100 */
            background: #03448d; /* Old browsers */
            background: -moz-linear-gradient(top, #e6e6e6 0%, #03448d 10%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #e6e6e6 0%, #03448d 10%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #e6e6e6 0%, #03448d 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#03448d',GradientType=0 ); /* IE6-9 */
        }

            .override .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab {
                background: none;
            }

        .override .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer:hover {
            background: none;
        }

        .override .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner:hover {
            background: none;
            color: white;
            background: #03448d; /* Old browsers */
            background: -moz-linear-gradient(top, #e6e6e6 0%, #03448d 10%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #e6e6e6 0%, #03448d 10%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #e6e6e6 0%, #03448d 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#03448d',GradientType=2 ); /* IE6-9 */
        }

        .override .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab:hover {
            background: none;
        }

    .override .ajax__tab_xp .ajax__tab_header .ajax__tab_outer {
        background: none;
        height: 100%;
    }

        .override .ajax__tab_xp .ajax__tab_header .ajax__tab_outer .ajax__tab_inner {
            background: none;
            border-left: 1px solid gray;
            border-top-left-radius: 4px;
            border-right: 1px solid black;
            border-top-right-radius: 4px;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,bcbcbc+100 */
            background: #002e62; /* Old browsers */
            background: -moz-linear-gradient(top, #ddd 15%, #a2a3a5 50%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #ddd 15%, #a2a3a5 50%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #ddd 15%, #a2a3a5 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#a2a3a5',GradientType=2 ); /* IE6-9 */
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            height: 100%;
        }

            .override .ajax__tab_xp .ajax__tab_header .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab {
                background: none;
            }

        .override .ajax__tab_xp .ajax__tab_header .ajax__tab_outer:hover {
            background: none;
        }

        .override .ajax__tab_xp .ajax__tab_header .ajax__tab_outer .ajax__tab_inner:hover {
            background: none;
            box-shadow: 1px 0px 1px #bcbcbc;
            background: #03448d; /* Old browsers */
            background: -moz-linear-gradient(top, #e6e6e6 0%, #03448d 10%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #e6e6e6 0%, #03448d 10%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #e6e6e6 0%, #03448d 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#03448d',GradientType=0 ); /* IE6-9 */
        }

        .override .ajax__tab_xp .ajax__tab_header .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab:hover {
            background: none;
        }

    @media (max-width: 767px) {
        .override .ajax__tab_xp .ajax__tab_header {
            display: flex !important;
            overflow-x: scroll;
        }

            .override .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner {
                white-space: nowrap;
            }

            .override .ajax__tab_xp .ajax__tab_header .ajax__tab_outer .ajax__tab_inner {
                white-space: nowrap;
            }
    }

    /*.colorSwitcherDashboard > .col-lg-6.col-md-6.col-sm-12.col-xs-12:nth-child(4n+1) > table, .colorSwitcherDashboard > .col-lg-6.col-md-6.col-sm-12.col-xs-12:nth-child(4n+2) > table {
    background-color:#f5f5f5 !important;
}
.colorSwitcherDashboard > table > tbody > tr:nth-child(odd) {
    background-color:#FFF !important;
}*/


    div#ct100_cph_Main_mod_Add_Event_foregroundElement {
        top: 0px !important;
    }

    @media (max-width: 767px) {
        .magicMover {
            text-align: center;
        }
    }

    .titleSmall {
        color: #002e62;
        font-weight: bold;
        letter-spacing: 1px;
        font-size: 14px;
        border-bottom: 1px solid #002e62;
    }

    /* begin safari css */

    /* Safari 7.1+ */

    /*_::-webkit-full-page-media, _:future, :root .safari_only {*/
        /*put magic here*/
    /*}*/

    /* Safari 10.1+ */

    /*@media not all and (min-resolution:.001dpcm) {
        @media {*/
            /*put magic here*/
            /*.formsCheckbox {
                vertical-align: unset;
            }
        }
    }*/



/*mini calendar options for small devices*/

@media (max-width:767px) {
    .override .ajax__calendar {
        left: 0px !important;
        width: 100%;
    }

    .override .ajax__calendar_container {
        width: 100%;
    }

    .override .ajax__calendar_header {
        font-size: 16px;
    }

    .override .ajax__calendar_prev {
    }

    .override .ajax__calendar_next {
    }

    .override .ajax__calendar_title {
    }

    .override .ajax__calendar_body {
        height: 200px;
        width: 100%;
    }

    .override .ajax__calendar_days {
        width: auto;
    }

        .override .ajax__calendar_days > table > tbody > tr > td {
            padding: 5px;
        }

        .override .ajax__calendar_days > table > thead > tr > td {
        }

    .override .ajax__calendar_dayname {
        font-size: 16px;
        width: auto;
        height: auto;
    }

    .override .ajax__calendar_day {
        font-size: 16px;
        padding: 1px 15px;
    }

    .override .ajax__calendar_months {
        width: 100%;
        margin: 0 auto;
    }

    .override .ajax_calendar_month {
        font-size: 16px;
    }

    .override .ajax__calendar_footer {
        height: 35px;
        font-size: 16px;
    }

    .override .ajax__calendar_today {
        padding: 4px 12px;
    }
}


#option-selected > a {
    color: black !important;
}

    #option-selected > a:hover {
        color: black !important;
        text-decoration: none;
        cursor: auto !important;
    }

#option-selected > .up:hover {
    cursor: auto !important;
}

/*DistrctDetails Page*/
.dvPartnerSection {
    padding: 0 15px;
}

.dvPartnerSectionContent {
    width: 95%;
    margin: 10px auto 0;
    display: inline-block;
}

.horizontalCheckbox > input[type="checkbox"] {
    margin-top: 14px;
    margin-left: 10px;
}

button.NewPartner {
    border: 0px;
    background-color: transparent;
    color: #ab0535;
    font-size: 13px;
}

    button.NewPartner:hover {
        color: #002e62;
        text-decoration: underline;
    }

.btnTile {
    border: 1px solid #00b;
    background-color: #fff;
    color: #00b;
}

.LocationsDv > a {
    color: white;
}

.aCollapseAll:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    color: white;
    font-size: 10px;
}

/*.aCollapseAll.clicked:after {
	content:"\e114";
}*/

#cph_Main_btnPublic {
    text-decoration: underline;
}

    #cph_Main_btnPublic:hover {
        text-decoration: none;
    }

.aCollapseAll {
    color: white;
    text-decoration: underline;
}

    .aCollapseAll:hover {
        text-decoration: none;
        color: white;
    }

.headerLink {
    color: white;
    text-decoration: underline;
}

    .headerLink:hover {
        text-decoration: none;
        color: #05f0ff;
    }

.ActiveStatusLbl {
    font-size: 13px !important;
    color: black;
    display: inline-block;
    max-width: 100%;
    margin-top: 5px;
    font-weight: bold;
    padding: 10px;
}

.ActiveUser .activeColor {
    color: #04B51C;
}

.InactiveUser .activeColor {
    color: #E22908;
}

.nav-pills > li {
    float: right;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 15px;
    text-align: left;
    list-style: none;
    background-color: #002e62;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: white;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #e6e6e6;
    text-decoration: none;
    background-color: #03448d;
}

.option-content-selected, .option-selected {
    height: 330px;
    overflow-y: scroll;
    float: left;
    background: #fff;
}

    .option-content-selected.fieldColumn {
        width: 66.66666667%;
        padding-left: 10px;
        border-style: solid;
        border-width: 1px 0px 1px 1px;
    }

    .option-selected.fieldViewer {
        width: 33%;
        display: block;
        position: relative;
        border-style: solid;
        border-width: 1px 2px 1px 1px;
    }

/*Loading Spinner*/
.loader {
    border: 5px solid #a5a5a5;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.deleteClassification :hover {
    cursor: pointer;
}

#editClassificationModal .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#editClassificationModal .container-fluid {
    height: auto;
    overflow-y: auto;
    max-height: 90vh;
}

.loading {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
    position: fixed;
    z-index: 99
}

#sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.selSchoolYear {
    float: right;
    margin: 0 6px;
}

.athleteFieldTable {
    width: 100%
}

.reportCheckColumn {
    width: 20px;
}

.highlightRow {
    background-color: #f5f5f5;
}

div.double-scroll > table > tbody > tr > td {
    padding-right: 20px;
    padding-left: 10px;
}

.double-scroll {
    max-height: 500px;
}

div.double-scroll > table > thead > tr > th {
    position: sticky;
    top: -1px;
    border: none;
}

.centerTable .double-scroll {
    display: flex;
    justify-content: center;
}

.validationText {
    font-size: 13px;
    color: red;
}

.instructionsText {
    font-size: 14px;
    color: #2659ad;
    font-weight: bold;
}


.display {
    border-left: 1px solid #000000 !important;
    border-right: 1px solid #000000 !important;
}

    .display > thead > tr > th {
        border: none;
    }

    .display > thead > tr > th {
        border-right: 1px solid #000000;
    }

        .display > thead > tr > th:last-child {
            border-right: none;
        }

        .display > thead > tr > th:first-child {
            border-left: none;
        }

.table-bordered > thead > tr > th, 
.table-bordered > tbody > tr > th, 
.table-bordered > tfoot > tr > th, 
.table-bordered > thead > tr > td, 
.table-bordered > tbody > tr > td, 
.table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}

table.dataTable.display.table tbody tr.stripeOdd,
#bodyOverride table.dataTable.stripe tbody tr.odd, #bodyOverride table.dataTable.display tbody tr.odd {
    background-color: #e6e6e6;
}

table.dataTable.display.table tbody tr.stripeEven,
#bodyOverride table.dataTable.stripe tbody tr.odd, #bodyOverride table.dataTable.display tbody tr.even {
    background-color: #fff;
}

.stripeEven {
    background-color: #e0e0e0;
}

#bodyOverride table.dataTable.display tbody tr.odd > .sorting_1,
#bodyOverride table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: transparent;
}

#bodyOverride table.dataTable.display tbody tr.even > .sorting_1,
#bodyOverride table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: transparent;
}

#bodyOverride table.dataTable thead th, 
#bodyOverride .dataTable thead td {
    border: 1px solid #ddd;
}

#bodyOverride table.dataTable.row-border tbody tr:first-child th,
#bodyOverride table.dataTable.row-border tbody tr:first-child td,
#bodyOverride table.dataTable.display tbody tr:first-child th,
#bodyOverride table.dataTable.display tbody tr:first-child td,
#bodyOverride .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th,
#bodyOverride .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td,
#bodyOverride .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th,
#bodyOverride .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td,
#bodyOverride table.dataTable.row-border tbody th,
#bodyOverride table.dataTable.row-border tbody td,
#bodyOverride table.dataTable.display tbody th,
#bodyOverride table.dataTable.display tbody td {
    border: 1px solid #ddd;
}

/* === color css start === */
.text-primary-50 {
    color: var(--primary-50) !important;
}

.text-primary-100 {
    color: var(--primary-100) !important;
}

.text-primary-200 {
    color: var(--primary-200) !important;
}

.text-primary-300 {
    color: var(--primary-300) !important;
}

.text-primary-400 {
    color: var(--primary-400) !important;
}

.text-primary-500 {
    color: var(--primary-500) !important;
}

.text-primary-600 {
    color: var(--primary-600) !important;
}

.text-primary-700 {
    color: var(--primary-700) !important;
}

.text-primary-800 {
    color: var(--primary-800) !important;
}

.text-primary-900 {
    color: var(--primary-900) !important;
}

.text-neutral-50 {
    color: var(--neutral-50) !important;
}

.text-neutral-100 {
    color: var(--neutral-100) !important;
}

.text-neutral-200 {
    color: var(--neutral-200) !important;
}

.text-neutral-300 {
    color: var(--neutral-300) !important;
}

.text-neutral-400 {
    color: var(--neutral-400) !important;
}

.text-neutral-500 {
    color: var(--neutral-500) !important;
}

.text-neutral-600 {
    color: var(--neutral-600) !important;
}

.text-neutral-700 {
    color: var(--neutral-700) !important;
}

.text-neutral-800 {
    color: var(--neutral-800) !important;
}

.text-neutral-900 {
    color: var(--neutral-900) !important;
}

.text-danger-50 {
    color: var(--danger-50) !important;
}

.text-danger-100 {
    color: var(--danger-100) !important;
}

.text-danger-200 {
    color: var(--danger-200) !important;
}

.text-danger-300 {
    color: var(--danger-300) !important;
}

.text-danger-400 {
    color: var(--danger-400) !important;
}

.text-danger-500 {
    color: var(--danger-500) !important;
}

.text-danger-600 {
    color: var(--danger-600) !important;
}

.text-danger-700 {
    color: var(--danger-700) !important;
}

.text-danger-800 {
    color: var(--danger-800) !important;
}

.text-danger-900 {
    color: var(--danger-900) !important;
}

.text-success-50 {
    color: var(--success-50) !important;
}

.text-success-100 {
    color: var(--success-100) !important;
}

.text-success-200 {
    color: var(--success-200) !important;
}

.text-success-300 {
    color: var(--success-300) !important;
}

.text-success-400 {
    color: var(--success-400) !important;
}

.text-success-500 {
    color: var(--success-500) !important;
}

.text-success-600 {
    color: var(--success-600) !important;
}

.text-success-700 {
    color: var(--success-700) !important;
}

.text-success-800 {
    color: var(--success-800) !important;
}

.text-success-900 {
    color: var(--success-900) !important;
}

.text-warning-50 {
    color: var(--warning-50) !important;
}

.text-warning-100 {
    color: var(--warning-100) !important;
}

.text-warning-200 {
    color: var(--warning-200) !important;
}

.text-warning-300 {
    color: var(--warning-300) !important;
}

.text-warning-400 {
    color: var(--warning-400) !important;
}

.text-warning-500 {
    color: var(--warning-500) !important;
}

.text-warning-600 {
    color: var(--warning-600) !important;
}

.text-warning-700 {
    color: var(--warning-700) !important;
}

.text-warning-800 {
    color: var(--warning-800) !important;
}

.text-warning-900 {
    color: var(--warning-900) !important;
}

.text-info-50 {
    color: var(--info-50) !important;
}

.text-info-100 {
    color: var(--info-100) !important;
}

.text-info-200 {
    color: var(--info-200) !important;
}

.text-info-300 {
    color: var(--info-300) !important;
}

.text-info-400 {
    color: var(--info-400) !important;
}

.text-info-500 {
    color: var(--info-500) !important;
}

.text-info-600 {
    color: var(--info-600) !important;
}

.text-info-700 {
    color: var(--info-700) !important;
}

.text-info-800 {
    color: var(--info-800) !important;
}

.text-info-900 {
    color: var(--info-900) !important;
}

.text-cyan-50 {
    color: var(--cyan-50) !important;
}

.text-cyan-100 {
    color: var(--cyan-100) !important;
}

.text-cyan-200 {
    color: var(--cyan-200) !important;
}

.text-cyan-300 {
    color: var(--cyan-300) !important;
}

.text-cyan-400 {
    color: var(--cyan-400) !important;
}

.text-cyan-500 {
    color: var(--cyan-500) !important;
}

.text-cyan-600 {
    color: var(--cyan-600) !important;
}

.text-cyan-700 {
    color: var(--cyan-700) !important;
}

.text-cyan-800 {
    color: var(--cyan-800) !important;
}

.text-cyan-900 {
    color: var(--cyan-900) !important;
}

.text-dark-1 {
    color: var(--dark-1) !important;
}

.text-dark-2 {
    color: var(--dark-2) !important;
}

.text-dark-3 {
    color: var(--dark-3) !important;
}

.text-lilac-50 {
    color: var(--lilac-50) !important;
}

.text-lilac-100 {
    color: var(--lilac-100) !important;
}

.text-lilac-200 {
    color: var(--lilac-200) !important;
}

.text-lilac-300 {
    color: var(--lilac-300) !important;
}

.text-lilac-400 {
    color: var(--lilac-400) !important;
}

.text-lilac-500 {
    color: var(--lilac-500) !important;
}

.text-lilac-600 {
    color: var(--lilac-600) !important;
}

.text-lilac-700 {
    color: var(--lilac-700) !important;
}

.text-lilac-800 {
    color: var(--lilac-800) !important;
}

.text-light-50 {
    color: var(--light-50) !important;
}

.text-light-100 {
    color: var(--light-100) !important;
}

.text-light-600 {
    color: var(--light-600) !important;
}

.text-light-700 {
    color: var(--light-700) !important;
}

.text-light-800 {
    color: var(--light-800) !important;
}

.text-hover-primary-50:hover {
    color: var(--primary-50) !important;
}

.text-hover-primary-100:hover {
    color: var(--primary-100) !important;
}

.text-hover-primary-200:hover {
    color: var(--primary-200) !important;
}

.text-hover-primary-300:hover {
    color: var(--primary-300) !important;
}

.text-hover-primary-400:hover {
    color: var(--primary-400) !important;
}

.text-hover-primary-500:hover {
    color: var(--primary-500) !important;
}

.text-hover-primary-600:hover {
    color: var(--primary-600) !important;
}

.text-hover-primary-700:hover {
    color: var(--primary-700) !important;
}

.text-hover-primary-800:hover {
    color: var(--primary-800) !important;
}

.text-hover-primary-900:hover {
    color: var(--primary-900) !important;
}

.text-hover-neutral-50:hover {
    color: var(--neutral-50) !important;
}

.text-hover-neutral-100:hover {
    color: var(--neutral-100) !important;
}

.text-hover-neutral-200:hover {
    color: var(--neutral-200) !important;
}

.text-hover-neutral-300:hover {
    color: var(--neutral-300) !important;
}

.text-hover-neutral-400:hover {
    color: var(--neutral-400) !important;
}

.text-hover-neutral-500:hover {
    color: var(--neutral-500) !important;
}

.text-hover-neutral-600:hover {
    color: var(--neutral-600) !important;
}

.text-hover-neutral-700:hover {
    color: var(--neutral-700) !important;
}

.text-hover-neutral-800:hover {
    color: var(--neutral-800) !important;
}

.text-hover-neutral-900:hover {
    color: var(--neutral-900) !important;
}

.text-hover-danger-50:hover {
    color: var(--danger-50) !important;
}

.text-hover-danger-100:hover {
    color: var(--danger-100) !important;
}

.text-hover-danger-200:hover {
    color: var(--danger-200) !important;
}

.text-hover-danger-300:hover {
    color: var(--danger-300) !important;
}

.text-hover-danger-400:hover {
    color: var(--danger-400) !important;
}

.text-hover-danger-500:hover {
    color: var(--danger-500) !important;
}

.text-hover-danger-600:hover {
    color: var(--danger-600) !important;
}

.text-hover-danger-700:hover {
    color: var(--danger-700) !important;
}

.text-hover-danger-800:hover {
    color: var(--danger-800) !important;
}

.text-hover-danger-900:hover {
    color: var(--danger-900) !important;
}

.text-hover-success-50:hover {
    color: var(--success-50) !important;
}

.text-hover-success-100:hover {
    color: var(--success-100) !important;
}

.text-hover-success-200:hover {
    color: var(--success-200) !important;
}

.text-hover-success-300:hover {
    color: var(--success-300) !important;
}

.text-hover-success-400:hover {
    color: var(--success-400) !important;
}

.text-hover-success-500:hover {
    color: var(--success-500) !important;
}

.text-hover-success-600:hover {
    color: var(--success-600) !important;
}

.text-hover-success-700:hover {
    color: var(--success-700) !important;
}

.text-hover-success-800:hover {
    color: var(--success-800) !important;
}

.text-hover-success-900:hover {
    color: var(--success-900) !important;
}

.text-hover-warning-50:hover {
    color: var(--warning-50) !important;
}

.text-hover-warning-100:hover {
    color: var(--warning-100) !important;
}

.text-hover-warning-200:hover {
    color: var(--warning-200) !important;
}

.text-hover-warning-300:hover {
    color: var(--warning-300) !important;
}

.text-hover-warning-400:hover {
    color: var(--warning-400) !important;
}

.text-hover-warning-500:hover {
    color: var(--warning-500) !important;
}

.text-hover-warning-600:hover {
    color: var(--warning-600) !important;
}

.text-hover-warning-700:hover {
    color: var(--warning-700) !important;
}

.text-hover-warning-800:hover {
    color: var(--warning-800) !important;
}

.text-hover-warning-900:hover {
    color: var(--warning-900) !important;
}

.text-hover-info-50:hover {
    color: var(--info-50) !important;
}

.text-hover-info-100:hover {
    color: var(--info-100) !important;
}

.text-hover-info-200:hover {
    color: var(--info-200) !important;
}

.text-hover-info-300:hover {
    color: var(--info-300) !important;
}

.text-hover-info-400:hover {
    color: var(--info-400) !important;
}

.text-hover-info-500:hover {
    color: var(--info-500) !important;
}

.text-hover-info-600:hover {
    color: var(--info-600) !important;
}

.text-hover-info-700:hover {
    color: var(--info-700) !important;
}

.text-hover-info-800:hover {
    color: var(--info-800) !important;
}

.text-hover-info-900:hover {
    color: var(--info-900) !important;
}

.text-hover-cyan-50:hover {
    color: var(--cyan-50) !important;
}

.text-hover-cyan-100:hover {
    color: var(--cyan-100) !important;
}

.text-hover-cyan-200:hover {
    color: var(--cyan-200) !important;
}

.text-hover-cyan-300:hover {
    color: var(--cyan-300) !important;
}

.text-hover-cyan-400:hover {
    color: var(--cyan-400) !important;
}

.text-hover-cyan-500:hover {
    color: var(--cyan-500) !important;
}

.text-hover-cyan-600:hover {
    color: var(--cyan-600) !important;
}

.text-hover-cyan-700:hover {
    color: var(--cyan-700) !important;
}

.text-hover-cyan-800:hover {
    color: var(--cyan-800) !important;
}

.text-hover-cyan-900:hover {
    color: var(--cyan-900) !important;
}

.text-hover-dark-1:hover {
    color: var(--dark-1) !important;
}

.text-hover-dark-2:hover {
    color: var(--dark-2) !important;
}

.text-hover-dark-3:hover {
    color: var(--dark-3) !important;
}

.text-hover-lilac-50:hover {
    color: var(--lilac-50) !important;
}

.text-hover-lilac-100:hover {
    color: var(--lilac-100) !important;
}

.text-hover-lilac-200:hover {
    color: var(--lilac-200) !important;
}

.text-hover-lilac-300:hover {
    color: var(--lilac-300) !important;
}

.text-hover-lilac-400:hover {
    color: var(--lilac-400) !important;
}

.text-hover-lilac-500:hover {
    color: var(--lilac-500) !important;
}

.text-hover-lilac-600:hover {
    color: var(--lilac-600) !important;
}

.text-hover-lilac-700:hover {
    color: var(--lilac-700) !important;
}

.text-hover-lilac-800:hover {
    color: var(--lilac-800) !important;
}

.text-hover-light-50:hover {
    color: var(--light-50) !important;
}

.text-hover-light-100:hover {
    color: var(--light-100) !important;
}

.text-hover-light-600:hover {
    color: var(--light-600) !important;
}

.text-hover-light-700:hover {
    color: var(--light-700) !important;
}

.text-hover-light-800:hover {
    color: var(--light-800) !important;
}

.text-success-main {
    color: var(--success-main);
}

.text-success-surface {
    color: var(--success-surface);
}

.text-success-border {
    color: var(--success-border);
}

.text-success-hover {
    color: var(--success-hover);
}

.text-success-pressed {
    color: var(--success-pressed);
}

.text-success-focus {
    color: var(--success-focus);
}

.text-info-main {
    color: var(--info-main);
}

.text-info-surface {
    color: var(--info-surface);
}

.text-info-border {
    color: var(--info-border);
}

.text-info-hover {
    color: var(--info-hover);
}

.text-info-pressed {
    color: var(--info-pressed);
}

.text-info-focus {
    color: var(--info-focus);
}

.text-warning-main {
    color: var(--warning-main);
}

.text-warning-surface {
    color: var(--warning-surface);
}

.text-warning-border {
    color: var(--warning-border);
}

.text-warning-hover {
    color: var(--warning-hover);
}

.text-warning-pressed {
    color: var(--warning-pressed);
}

.text-warning-focus {
    color: var(--warning-focus);
}

.text-danger-main {
    color: var(--danger-main);
}

.text-danger-surface {
    color: var(--danger-surface);
}

.text-danger-border {
    color: var(--danger-border);
}

.text-danger-hover {
    color: var(--danger-hover);
}

.text-danger-pressed {
    color: var(--danger-pressed);
}

.text-danger-focus {
    color: var(--danger-focus);
}

.text-cyan {
    color: var(--cyan);
}

.text-indigo {
    color: var(--indigo);
}

.text-purple {
    color: var(--purple);
}

.text-red {
    color: var(--red);
}

.text-yellow {
    color: var(--yellow);
}

.text-orange {
    color: var(--orange);
}

.text-pink {
    color: var(--pink);
}

.text-primary-light {
    color: var(--text-primary-light) !important;
}

.text-secondary-light {
    color: var(--text-secondary-light);
}

.text-secondary-dark {
    color: var(--text-secondary-dark);
}

.text-base {
    color: var(--white) !important;
}

.text-black {
    color: var(--black) !important;
}

.hover-text-primary:hover, .btn.hover-text-primary:hover {
    color: var(--primary-600) !important;
}

.hover-text-success:hover, .btn.hover-text-success:hover {
    color: var(--success-main) !important;
}

.hover-text-info:hover, .btn.hover-text-info:hover {
    color: var(--info-main) !important;
}

.hover-text-warning:hover, .btn.hover-text-warning:hover {
    color: var(--warning-main) !important;
}

.hover-text-danger:hover, .btn.hover-text-danger:hover {
    color: var(--danger-main) !important;
}

.hover-text-white:hover, .btn.hover-text-white:hover {
    color: var(--base) !important;
}

/* === color css end === */

/* === bg css start === */
.bg-primary-50 {
    background-color: var(--primary-50) !important;
}

.bg-primary-100 {
    background-color: var(--primary-100) !important;
}

.bg-primary-200 {
    background-color: var(--primary-200) !important;
}

.bg-primary-300 {
    background-color: var(--primary-300) !important;
}

.bg-primary-400 {
    background-color: var(--primary-400) !important;
}

.bg-primary-500 {
    background-color: var(--primary-500) !important;
}

.bg-primary-600 {
    background-color: var(--primary-600) !important;
}

.bg-primary-700 {
    background-color: var(--primary-700) !important;
}

.bg-primary-800 {
    background-color: var(--primary-800) !important;
}

.bg-primary-900 {
    background-color: var(--primary-900) !important;
}

.bg-neutral-50 {
    background-color: var(--neutral-50) !important;
}

.bg-neutral-100 {
    background-color: var(--neutral-100) !important;
}

.bg-neutral-200 {
    background-color: var(--neutral-200) !important;
}

.bg-neutral-300 {
    background-color: var(--neutral-300) !important;
}

.bg-neutral-400 {
    background-color: var(--neutral-400) !important;
}

.bg-neutral-500 {
    background-color: var(--neutral-500) !important;
}

.bg-neutral-600 {
    background-color: var(--neutral-600) !important;
}

.bg-neutral-700 {
    background-color: var(--neutral-700) !important;
}

.bg-neutral-800 {
    background-color: var(--neutral-800) !important;
}

.bg-neutral-900 {
    background-color: var(--neutral-900) !important;
}

.bg-danger-50 {
    background-color: var(--danger-50) !important;
}

.bg-danger-100 {
    background-color: var(--danger-100) !important;
}

.bg-danger-200 {
    background-color: var(--danger-200) !important;
}

.bg-danger-300 {
    background-color: var(--danger-300) !important;
}

.bg-danger-400 {
    background-color: var(--danger-400) !important;
}

.bg-danger-500 {
    background-color: var(--danger-500) !important;
}

.bg-danger-600 {
    background-color: var(--danger-600) !important;
}

.bg-danger-700 {
    background-color: var(--danger-700) !important;
}

.bg-danger-800 {
    background-color: var(--danger-800) !important;
}

.bg-danger-900 {
    background-color: var(--danger-900) !important;
}

.bg-success-50 {
    background-color: var(--success-50) !important;
}

.bg-success-100 {
    background-color: var(--success-100) !important;
}

.bg-success-200 {
    background-color: var(--success-200) !important;
}

.bg-success-300 {
    background-color: var(--success-300) !important;
}

.bg-success-400 {
    background-color: var(--success-400) !important;
}

.bg-success-500 {
    background-color: var(--success-500) !important;
}

.bg-success-600 {
    background-color: var(--success-600) !important;
}

.bg-success-700 {
    background-color: var(--success-700) !important;
}

.bg-success-800 {
    background-color: var(--success-800) !important;
}

.bg-success-900 {
    background-color: var(--success-900) !important;
}

.bg-warning-50 {
    background-color: var(--warning-50) !important;
}

.bg-warning-100 {
    background-color: var(--warning-100) !important;
}

.bg-warning-200 {
    background-color: var(--warning-200) !important;
}

.bg-warning-300 {
    background-color: var(--warning-300) !important;
}

.bg-warning-400 {
    background-color: var(--warning-400) !important;
}

.bg-warning-500 {
    background-color: var(--warning-500) !important;
}

.bg-warning-600 {
    background-color: var(--warning-600) !important;
}

.bg-warning-700 {
    background-color: var(--warning-700) !important;
}

.bg-warning-800 {
    background-color: var(--warning-800) !important;
}

.bg-warning-900 {
    background-color: var(--warning-900) !important;
}

.bg-info-50 {
    background-color: var(--info-50) !important;
}

.bg-info-100 {
    background-color: var(--info-100) !important;
}

.bg-info-200 {
    background-color: var(--info-200) !important;
}

.bg-info-300 {
    background-color: var(--info-300) !important;
}

.bg-info-400 {
    background-color: var(--info-400) !important;
}

.bg-info-500 {
    background-color: var(--info-500) !important;
}

.bg-info-600 {
    background-color: var(--info-600) !important;
}

.bg-info-700 {
    background-color: var(--info-700) !important;
}

.bg-info-800 {
    background-color: var(--info-800) !important;
}

.bg-info-900 {
    background-color: var(--info-900) !important;
}

.bg-cyan-50 {
    background-color: var(--cyan-50) !important;
}

.bg-cyan-100 {
    background-color: var(--cyan-100) !important;
}

.bg-cyan-200 {
    background-color: var(--cyan-200) !important;
}

.bg-cyan-300 {
    background-color: var(--cyan-300) !important;
}

.bg-cyan-400 {
    background-color: var(--cyan-400) !important;
}

.bg-cyan-500 {
    background-color: var(--cyan-500) !important;
}

.bg-cyan-600 {
    background-color: var(--cyan-600) !important;
}

.bg-cyan-700 {
    background-color: var(--cyan-700) !important;
}

.bg-cyan-800 {
    background-color: var(--cyan-800) !important;
}

.bg-cyan-900 {
    background-color: var(--cyan-900) !important;
}

.bg-dark-1 {
    background-color: var(--dark-1) !important;
}

.bg-dark-2 {
    background-color: var(--dark-2) !important;
}

.bg-dark-3 {
    background-color: var(--dark-3) !important;
}

.bg-lilac-50 {
    background-color: var(--lilac-50) !important;
}

.bg-lilac-100 {
    background-color: var(--lilac-100) !important;
}

.bg-lilac-200 {
    background-color: var(--lilac-200) !important;
}

.bg-lilac-300 {
    background-color: var(--lilac-300) !important;
}

.bg-lilac-400 {
    background-color: var(--lilac-400) !important;
}

.bg-lilac-500 {
    background-color: var(--lilac-500) !important;
}

.bg-lilac-600 {
    background-color: var(--lilac-600) !important;
}

.bg-lilac-700 {
    background-color: var(--lilac-700) !important;
}

.bg-lilac-800 {
    background-color: var(--lilac-800) !important;
}

.bg-light-50 {
    background-color: var(--light-50) !important;
}

.bg-light-100 {
    background-color: var(--light-100) !important;
}

.bg-light-600 {
    background-color: var(--light-600) !important;
}

.bg-light-700 {
    background-color: var(--light-700) !important;
}

.bg-light-800 {
    background-color: var(--light-800) !important;
}

.bg-success-main {
    background-color: var(--success-main) !important;
}

.bg-success-surface {
    background-color: var(--success-surface) !important;
}

.bg-success-border {
    background-color: var(--success-border) !important;
}

.bg-success-hover {
    background-color: var(--success-hover) !important;
}

.bg-success-pressed {
    background-color: var(--success-pressed) !important;
}

.bg-success-focus {
    background-color: var(--success-focus) !important;
}

.bg-info-main {
    background-color: var(--info-main) !important;
}

.bg-info-surface {
    background-color: var(--info-surface) !important;
}

.bg-info-border {
    background-color: var(--info-border) !important;
}

.bg-info-hover {
    background-color: var(--info-hover) !important;
}

.bg-info-pressed {
    background-color: var(--info-pressed) !important;
}

.bg-info-focus {
    background-color: var(--info-focus) !important;
}

.bg-warning-main {
    background-color: var(--warning-main) !important;
}

.bg-warning-surface {
    background-color: var(--warning-surface) !important;
}

.bg-warning-border {
    background-color: var(--warning-border) !important;
}

.bg-warning-hover {
    background-color: var(--warning-hover) !important;
}

.bg-warning-pressed {
    background-color: var(--warning-pressed) !important;
}

.bg-warning-focus {
    background-color: var(--warning-focus) !important;
}

.bg-danger-main {
    background-color: var(--danger-main) !important;
}

.bg-danger-surface {
    background-color: var(--danger-surface) !important;
}

.bg-danger-border {
    background-color: var(--danger-border) !important;
}

.bg-danger-hover {
    background-color: var(--danger-hover) !important;
}

.bg-danger-pressed {
    background-color: var(--danger-pressed) !important;
}

.bg-danger-focus {
    background-color: var(--danger-focus) !important;
}

.bg-cyan {
    background-color: var(--cyan) !important;
}

.bg-indigo {
    background-color: var(--indigo) !important;
}

.bg-purple {
    background-color: var(--purple) !important;
}

.bg-red {
    background-color: var(--red) !important;
}

.bg-yellow {
    background-color: var(--yellow) !important;
}

.bg-orange {
    background-color: var(--orange) !important;
}

.bg-pink {
    background-color: var(--pink) !important;
}

.bg-hover-primary-50 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-primary-50:hover {
        background-color: var(--primary-50) !important;
    }

.bg-hover-primary-100 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-primary-100:hover {
        background-color: var(--primary-100) !important;
    }

.bg-hover-primary-200 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-primary-200:hover {
        background-color: var(--primary-200) !important;
    }

.bg-hover-primary-300 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-primary-300:hover {
        background-color: var(--primary-300) !important;
    }

.bg-hover-primary-400 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-primary-400:hover {
        background-color: var(--primary-400) !important;
    }

.bg-hover-primary-500 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-primary-500:hover {
        background-color: var(--primary-500) !important;
    }

.bg-hover-primary-600 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-primary-600:hover {
        background-color: var(--primary-600) !important;
    }

.bg-hover-primary-700 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-primary-700:hover {
        background-color: var(--primary-700) !important;
    }

.bg-hover-primary-800 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-primary-800:hover {
        background-color: var(--primary-800) !important;
    }

.bg-hover-primary-900 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-primary-900:hover {
        background-color: var(--primary-900) !important;
    }

.bg-hover-neutral-50 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-neutral-50:hover {
        background-color: var(--neutral-50) !important;
    }

.bg-hover-neutral-100 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-neutral-100:hover {
        background-color: var(--neutral-100) !important;
    }

.bg-hover-neutral-200 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-neutral-200:hover {
        background-color: var(--neutral-200) !important;
    }

.bg-hover-neutral-300 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-neutral-300:hover {
        background-color: var(--neutral-300) !important;
    }

.bg-hover-neutral-400 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-neutral-400:hover {
        background-color: var(--neutral-400) !important;
    }

.bg-hover-neutral-500 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-neutral-500:hover {
        background-color: var(--neutral-500) !important;
    }

.bg-hover-neutral-600 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-neutral-600:hover {
        background-color: var(--neutral-600) !important;
    }

.bg-hover-neutral-700 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-neutral-700:hover {
        background-color: var(--neutral-700) !important;
    }

.bg-hover-neutral-800 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-neutral-800:hover {
        background-color: var(--neutral-800) !important;
    }

.bg-hover-neutral-900 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-neutral-900:hover {
        background-color: var(--neutral-900) !important;
    }

.bg-hover-danger-50 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-50:hover {
        background-color: var(--danger-50) !important;
    }

.bg-hover-danger-100 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-100:hover {
        background-color: var(--danger-100) !important;
    }

.bg-hover-danger-200 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-200:hover {
        background-color: var(--danger-200) !important;
    }

.bg-hover-danger-300 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-300:hover {
        background-color: var(--danger-300) !important;
    }

.bg-hover-danger-400 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-400:hover {
        background-color: var(--danger-400) !important;
    }

.bg-hover-danger-500 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-500:hover {
        background-color: var(--danger-500) !important;
    }

.bg-hover-danger-600 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-600:hover {
        background-color: var(--danger-600) !important;
    }

.bg-hover-danger-700 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-700:hover {
        background-color: var(--danger-700) !important;
    }

.bg-hover-danger-800 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-800:hover {
        background-color: var(--danger-800) !important;
    }

.bg-hover-danger-900 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-900:hover {
        background-color: var(--danger-900) !important;
    }

.bg-hover-success-50 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-50:hover {
        background-color: var(--success-50) !important;
    }

.bg-hover-success-100 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-100:hover {
        background-color: var(--success-100) !important;
    }

.bg-hover-success-200 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-200:hover {
        background-color: var(--success-200) !important;
    }

.bg-hover-success-300 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-300:hover {
        background-color: var(--success-300) !important;
    }

.bg-hover-success-400 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-400:hover {
        background-color: var(--success-400) !important;
    }

.bg-hover-success-500 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-500:hover {
        background-color: var(--success-500) !important;
    }

.bg-hover-success-600 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-600:hover {
        background-color: var(--success-600) !important;
    }

.bg-hover-success-700 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-700:hover {
        background-color: var(--success-700) !important;
    }

.bg-hover-success-800 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-800:hover {
        background-color: var(--success-800) !important;
    }

.bg-hover-success-900 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-900:hover {
        background-color: var(--success-900) !important;
    }

.bg-hover-warning-50 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-50:hover {
        background-color: var(--warning-50) !important;
    }

.bg-hover-warning-100 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-100:hover {
        background-color: var(--warning-100) !important;
    }

.bg-hover-warning-200 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-200:hover {
        background-color: var(--warning-200) !important;
    }

.bg-hover-warning-300 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-300:hover {
        background-color: var(--warning-300) !important;
    }

.bg-hover-warning-400 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-400:hover {
        background-color: var(--warning-400) !important;
    }

.bg-hover-warning-500 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-500:hover {
        background-color: var(--warning-500) !important;
    }

.bg-hover-warning-600 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-600:hover {
        background-color: var(--warning-600) !important;
    }

.bg-hover-warning-700 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-700:hover {
        background-color: var(--warning-700) !important;
    }

.bg-hover-warning-800 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-800:hover {
        background-color: var(--warning-800) !important;
    }

.bg-hover-warning-900 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-900:hover {
        background-color: var(--warning-900) !important;
    }

.bg-hover-info-50 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-50:hover {
        background-color: var(--info-50) !important;
    }

.bg-hover-info-100 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-100:hover {
        background-color: var(--info-100) !important;
    }

.bg-hover-info-200 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-200:hover {
        background-color: var(--info-200) !important;
    }

.bg-hover-info-300 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-300:hover {
        background-color: var(--info-300) !important;
    }

.bg-hover-info-400 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-400:hover {
        background-color: var(--info-400) !important;
    }

.bg-hover-info-500 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-500:hover {
        background-color: var(--info-500) !important;
    }

.bg-hover-info-600 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-600:hover {
        background-color: var(--info-600) !important;
    }

.bg-hover-info-700 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-700:hover {
        background-color: var(--info-700) !important;
    }

.bg-hover-info-800 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-800:hover {
        background-color: var(--info-800) !important;
    }

.bg-hover-info-900 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-900:hover {
        background-color: var(--info-900) !important;
    }

.bg-hover-cyan-50 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-cyan-50:hover {
        background-color: var(--cyan-50) !important;
    }

.bg-hover-cyan-100 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-cyan-100:hover {
        background-color: var(--cyan-100) !important;
    }

.bg-hover-cyan-200 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-cyan-200:hover {
        background-color: var(--cyan-200) !important;
    }

.bg-hover-cyan-300 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-cyan-300:hover {
        background-color: var(--cyan-300) !important;
    }

.bg-hover-cyan-400 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-cyan-400:hover {
        background-color: var(--cyan-400) !important;
    }

.bg-hover-cyan-500 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-cyan-500:hover {
        background-color: var(--cyan-500) !important;
    }

.bg-hover-cyan-600 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-cyan-600:hover {
        background-color: var(--cyan-600) !important;
    }

.bg-hover-cyan-700 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-cyan-700:hover {
        background-color: var(--cyan-700) !important;
    }

.bg-hover-cyan-800 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-cyan-800:hover {
        background-color: var(--cyan-800) !important;
    }

.bg-hover-cyan-900 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-cyan-900:hover {
        background-color: var(--cyan-900) !important;
    }

.bg-hover-dark-1 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-dark-1:hover {
        background-color: var(--dark-1) !important;
    }

.bg-hover-dark-2 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-dark-2:hover {
        background-color: var(--dark-2) !important;
    }

.bg-hover-dark-3 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-dark-3:hover {
        background-color: var(--dark-3) !important;
    }

.bg-hover-lilac-50 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-lilac-50:hover {
        background-color: var(--lilac-50) !important;
    }

.bg-hover-lilac-100 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-lilac-100:hover {
        background-color: var(--lilac-100) !important;
    }

.bg-hover-lilac-200 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-lilac-200:hover {
        background-color: var(--lilac-200) !important;
    }

.bg-hover-lilac-300 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-lilac-300:hover {
        background-color: var(--lilac-300) !important;
    }

.bg-hover-lilac-400 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-lilac-400:hover {
        background-color: var(--lilac-400) !important;
    }

.bg-hover-lilac-500 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-lilac-500:hover {
        background-color: var(--lilac-500) !important;
    }

.bg-hover-lilac-600 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-lilac-600:hover {
        background-color: var(--lilac-600) !important;
    }

.bg-hover-lilac-700 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-lilac-700:hover {
        background-color: var(--lilac-700) !important;
    }

.bg-hover-lilac-800 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-lilac-800:hover {
        background-color: var(--lilac-800) !important;
    }

.bg-hover-light-50 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-light-50:hover {
        background-color: var(--light-50) !important;
    }

.bg-hover-light-100 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-light-100:hover {
        background-color: var(--light-100) !important;
    }

.bg-hover-light-600 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-light-600:hover {
        background-color: var(--light-600) !important;
    }

.bg-hover-light-700 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-light-700:hover {
        background-color: var(--light-700) !important;
    }

.bg-hover-light-800 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-light-800:hover {
        background-color: var(--light-800) !important;
    }

.bg-hover-success-main {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-main:hover {
        background-color: var(--success-main) !important;
    }

.bg-hover-success-surface {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-surface:hover {
        background-color: var(--success-surface) !important;
    }

.bg-hover-success-border {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-border:hover {
        background-color: var(--success-border) !important;
    }

.bg-hover-success-hover {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-hover:hover {
        background-color: var(--success-hover) !important;
    }

.bg-hover-success-pressed {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-pressed:hover {
        background-color: var(--success-pressed) !important;
    }

.bg-hover-success-focus {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-focus:hover {
        background-color: var(--success-focus) !important;
    }

.bg-hover-info-main {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-main:hover {
        background-color: var(--info-main) !important;
    }

.bg-hover-info-surface {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-surface:hover {
        background-color: var(--info-surface) !important;
    }

.bg-hover-info-border {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-border:hover {
        background-color: var(--info-border) !important;
    }

.bg-hover-info-hover {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-hover:hover {
        background-color: var(--info-hover) !important;
    }

.bg-hover-info-pressed {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-pressed:hover {
        background-color: var(--info-pressed) !important;
    }

.bg-hover-info-focus {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-focus:hover {
        background-color: var(--info-focus) !important;
    }

.bg-hover-warning-main {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-main:hover {
        background-color: var(--warning-main) !important;
    }

.bg-hover-warning-surface {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-surface:hover {
        background-color: var(--warning-surface) !important;
    }

.bg-hover-warning-border {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-border:hover {
        background-color: var(--warning-border) !important;
    }

.bg-hover-warning-hover {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-hover:hover {
        background-color: var(--warning-hover) !important;
    }

.bg-hover-warning-pressed {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-pressed:hover {
        background-color: var(--warning-pressed) !important;
    }

.bg-hover-warning-focus {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-focus:hover {
        background-color: var(--warning-focus) !important;
    }

.bg-hover-danger-main {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-main:hover {
        background-color: var(--danger-main) !important;
    }

.bg-hover-danger-surface {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-surface:hover {
        background-color: var(--danger-surface) !important;
    }

.bg-hover-danger-border {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-border:hover {
        background-color: var(--danger-border) !important;
    }

.bg-hover-danger-hover {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-hover:hover {
        background-color: var(--danger-hover) !important;
    }

.bg-hover-danger-pressed {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-pressed:hover {
        background-color: var(--danger-pressed) !important;
    }

.bg-hover-danger-focus {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-focus:hover {
        background-color: var(--danger-focus) !important;
    }

.bg-hover-cyan {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-cyan:hover {
        background-color: var(--cyan) !important;
    }

.bg-hover-indigo {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-indigo:hover {
        background-color: var(--indigo) !important;
    }

.bg-hover-purple {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-purple:hover {
        background-color: var(--purple) !important;
    }

.bg-hover-red {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-red:hover {
        background-color: var(--red) !important;
    }

.bg-hover-yellow {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-yellow:hover {
        background-color: var(--yellow) !important;
    }

.bg-hover-orange {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-orange:hover {
        background-color: var(--orange) !important;
    }

.bg-hover-pink {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-pink:hover {
        background-color: var(--pink) !important;
    }

.bg-base {
    background-color: var(--white) !important;
}

.bg-base-50 {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.hover-bg-transparent {
    background-color: transparent !important;
}

.hover-bg-white:hover {
    background-color: var(--white) !important;
}

.bg-primary-light {
    background-color: var(--primary-light) !important;
}

.bg-yellow-light {
    background-color: var(--yellow-light) !important;
}

.bg-purple-light {
    background-color: var(--purple-light) !important;
}

.bg-pink-light {
    background-color: var(--pink-light) !important;
}

.bg-gradient-start-1 {
    background: linear-gradient(to right, #E6F9FF, #FEFFFF);
}

.bg-gradient-start-2 {
    background: linear-gradient(to right, #F7E9FF, #FFFEFD);
}

.bg-gradient-start-3 {
    background: linear-gradient(to right, #E6EBFF, #FFFFFF);
}

.bg-gradient-start-4 {
    background: linear-gradient(to right, #E8FFF5, #FFFFFF);
}

.bg-gradient-start-5 {
    background: linear-gradient(to right, #FFEEEE, #FFFCFC);
}

.bg-gradient-dark-start-1 {
    background: linear-gradient(261deg, rgba(255, 234, 244, 0.5) 2.07%, #FFE2F0 97.73%);
}

.bg-gradient-dark-start-2 {
    background: linear-gradient(262deg, rgba(236, 221, 255, 0.3) 2.45%, #ECDDFF 97.35%);
}

.bg-gradient-dark-start-3 {
    background: linear-gradient(262deg, #EBFAFF 4.01%, #C0F0FF 99.29%);
}

.bg-gradient-end-1 {
    background: linear-gradient(to right, #FFFFFF, #EFF4FF);
}

.bg-gradient-end-2 {
    background: linear-gradient(to right, #FFFFFF, #EAFFF9);
}

.bg-gradient-end-3 {
    background: linear-gradient(to right, #FFFFFF, #FFF5E9);
}

.bg-gradient-end-4 {
    background: linear-gradient(to right, #FFFFFF, #F3EEFF);
}

.bg-gradient-end-5 {
    background: linear-gradient(to right, #FFFFFF, #FFF2FE);
}

.bg-gradient-end-6 {
    background: linear-gradient(to right, #FFFFFF, #EEFBFF);
}

.bg-gradient-purple {
    background: linear-gradient(300deg, #FFE9E0 1.27%, #EFD3FF 98.89%);
}

.bg-gradient-primary {
    background: linear-gradient(299deg, #D7F6FF 1.03%, #D1DEFF 97.72%);
}

.bg-gradient-success {
    background: linear-gradient(299deg, #ECFFF7 1.76%, #ADF7D6 98.11%);
}

.bg-gradient-danger {
    background: linear-gradient(299deg, #FFEFEF 0.96%, #FFD7D7 98.97%);
}

.bg-gradient-danger-reversed {
    background: linear-gradient(90deg, #FFEFEF 0.96%, #FFD7D7 98.97%);
}

.bg-primary-gradient {
    background: linear-gradient(299deg, #D7F6FF 1.03%, #D1DEFF 97.72%);
}

.bg-success-gradient {
    background: linear-gradient(270deg, #70E396 0%, #45B369 100%);
}

.bg-info-gradient {
    background: linear-gradient(270deg, #85A7FF 0%, #144BD6 100%);
}

.bg-warning-gradient {
    background: linear-gradient(270deg, #FFD199 0%, #FF9F29 100%);
}

.bg-danger-gradient {
    background: linear-gradient(270deg, #FFAB86 0%, #EF4A00 100%);
}

.bg-primary-success-gradient {
    background: linear-gradient(90deg, #BBCAFF 0%, #DCFFFD 100%);
}

.bg-dark-primary-gradient {
    background: linear-gradient(270deg, #7EA5FF 0%, #003DCC 100%);
}

.bg-dark-lilac-gradient {
    background: linear-gradient(270deg, #BA76FF 0%, #6100C1 100%);
}

.bg-dark-success-gradient {
    background: linear-gradient(270deg, #48DC79 0%, #02862D 100%);
}

.bg-dark-info-gradient {
    background: linear-gradient(270deg, #5384FF 0%, #0036BD 100%);
}

.bg-dark-warning-gradient {
    background: linear-gradient(270deg, #FFC175 0%, #C36C00 100%);
}

.bg-dark-danger-gradient {
    background: linear-gradient(270deg, #FF7739 0%, #C63D00 100%);
}

.bg-dark-dark-gradient {
    background: linear-gradient(90deg, #273142 0%, #637DA8 100%);
}

.bg-danger-gradient-light {
    background: linear-gradient(90deg, #F7E9FF 0.12%, #FDF8F7 99.89%) !important;
}

.bg-white-gradient-light {
    background: linear-gradient(317deg, rgba(225, 225, 225, 0.1) 8.56%, rgba(255, 255, 255, 0.5) 91.49%) !important;
}

.bg-light-pink {
    background: var(--gradients-Colors-gradients-2, linear-gradient(90deg, #F7E9FF 0.12%, #FDF8F7 99.89%));
}

html[data-theme=dark] .bg-base-50 {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme=dark] .bg-gradient-start-1 {
    background: linear-gradient(to right, rgba(230, 249, 255, 0.15), rgba(254, 255, 255, 0.1));
}

html[data-theme=dark] .bg-gradient-start-2 {
    background: linear-gradient(to right, rgba(247, 233, 255, 0.15), rgba(255, 254, 253, 0.1));
}

html[data-theme=dark] .bg-gradient-start-3 {
    background: linear-gradient(to right, rgba(230, 235, 255, 0.15), rgba(255, 255, 255, 0.1));
}

html[data-theme=dark] .bg-gradient-start-4 {
    background: linear-gradient(to right, rgba(232, 255, 245, 0.15), rgba(255, 255, 255, 0.1));
}

html[data-theme=dark] .bg-gradient-start-5 {
    background: linear-gradient(to right, rgba(255, 238, 238, 0.15), rgba(255, 252, 252, 0.1));
}

html[data-theme=dark] .bg-gradient-dark-start-1 {
    background: linear-gradient(261deg, rgba(255, 234, 244, 0.08) 2.07%, rgba(255, 226, 240, 0.15) 97.73%);
}

html[data-theme=dark] .bg-gradient-dark-start-2 {
    background: linear-gradient(262deg, rgba(236, 221, 255, 0.05) 2.45%, rgba(236, 221, 255, 0.15) 97.35%);
}

html[data-theme=dark] .bg-gradient-dark-start-3 {
    background: linear-gradient(262deg, rgba(235, 250, 255, 0.15) 4.01%, rgba(192, 240, 255, 0.15) 99.29%);
}

html[data-theme=dark] .bg-gradient-end-1 {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(239, 244, 255, 0.125));
}

html[data-theme=dark] .bg-gradient-end-2 {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(234, 255, 249, 0.125));
}

html[data-theme=dark] .bg-gradient-end-3 {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(255, 245, 233, 0.125));
}

html[data-theme=dark] .bg-gradient-end-4 {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(243, 238, 255, 0.125));
}

html[data-theme=dark] .bg-gradient-end-5 {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(255, 242, 254, 0.125));
}

html[data-theme=dark] .bg-gradient-end-6 {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(238, 251, 255, 0.125));
}

html[data-theme=dark] .bg-gradient-purple {
    background: linear-gradient(300deg, rgba(255, 233, 224, 0.1) 1.27%, rgba(239, 211, 255, 0.15) 98.89%);
}

html[data-theme=dark] .bg-gradient-primary {
    background: linear-gradient(299deg, rgba(215, 246, 255, 0.1) 1.03%, rgba(209, 222, 255, 0.15) 97.72%);
}

html[data-theme=dark] .bg-gradient-success {
    background: linear-gradient(299deg, rgba(236, 255, 247, 0.1) 1.76%, rgba(173, 247, 214, 0.15) 98.11%);
}

html[data-theme=dark] .bg-gradient-danger {
    background: linear-gradient(299deg, rgba(255, 239, 239, 0.1) 0.96%, rgba(255, 215, 215, 0.15) 98.97%);
}

html[data-theme=dark] .bg-gradient-danger-reversed {
    background: linear-gradient(90deg, rgba(255, 239, 239, 0.1) 0.96%, rgba(255, 215, 215, 0.15) 98.97%);
}

html[data-theme=dark] .bg-danger-gradient-light {
    background: linear-gradient(90deg, rgba(247, 233, 255, 0.05) 0.12%, rgba(253, 248, 247, 0.1) 99.89%) !important;
}

html[data-theme=dark] .bg-white-gradient-light {
    background: linear-gradient(317deg, rgba(225, 225, 225, 0.05) 8.56%, rgba(255, 255, 255, 0.1) 91.49%) !important;
}

html[data-theme=dark] .bg-light-pink {
    background: var(--gradients-Colors-gradients-2, linear-gradient(90deg, rgba(247, 233, 255, 0.1) 0.12%, rgba(253, 248, 247, 0.05) 99.89%));
}

.bg-gradient-blue-warning {
    background: linear-gradient(90deg, #CBFFF9 0%, #FFEEB1 100%);
}

.aspect-ratio-1 {
    aspect-ratio: 1;
}

.bg-tb-warning {
    background: linear-gradient(180deg, rgba(255, 186, 69, 0.25) 0%, rgba(244, 116, 53, 0.25) 100%);
}

.bg-tb-lilac {
    background: linear-gradient(180deg, rgba(252, 120, 138, 0.25) 0%, rgba(152, 22, 139, 0.25) 100%);
}

.bg-tb-primary {
    background: linear-gradient(180deg, rgba(25, 207, 239, 0.25) 0%, rgba(13, 106, 184, 0.25) 100%);
}

.bg-tb-success {
    background: linear-gradient(180deg, rgba(134, 221, 102, 0.25) 0%, rgba(2, 140, 75, 0.25) 100%);
}

.gradient-deep-1 {
    background: linear-gradient(270deg, #EEF7FF 0%, #DFF0FF 100%);
}

.gradient-deep-2 {
    background: linear-gradient(270deg, #F7F2FF 0%, #EEE5FF 100%);
}

.gradient-deep-3 {
    background: linear-gradient(270deg, #E8FFF9 0%, #D1FFF3 100%);
}

.gradient-deep-4 {
    background: linear-gradient(270deg, #FFF4E8 0%, #FFEEDC 100%);
}
/* === bg css end === */

/* === spacing css start === */
.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .375rem !important
}

.p-2 {
    padding: .75rem !important
}

.p-3 {
    padding: 1.5rem !important
}

.p-4 {
    padding: 2.25rem !important
}

.p-5 {
    padding: 4.5rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .375rem !important;
    padding-left: .375rem !important
}

.px-2 {
    padding-right: .75rem !important;
    padding-left: .75rem !important
}

.px-3 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-4 {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important
}

.px-5 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .375rem !important;
    padding-bottom: .375rem !important
}

.py-2 {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important
}

.py-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-4 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important
}

.py-5 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .375rem !important
}

.pt-2 {
    padding-top: .75rem !important
}

.pt-3 {
    padding-top: 1.5rem !important
}

.pt-4 {
    padding-top: 2.25rem !important
}

.pt-5 {
    padding-top: 4.5rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .375rem !important
}

.pe-2 {
    padding-right: .75rem !important
}

.pe-3 {
    padding-right: 1.5rem !important
}

.pe-4 {
    padding-right: 2.25rem !important
}

.pe-5 {
    padding-right: 4.5rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .375rem !important
}

.pb-2 {
    padding-bottom: .75rem !important
}

.pb-3 {
    padding-bottom: 1.5rem !important
}

.pb-4 {
    padding-bottom: 2.25rem !important
}

.pb-5 {
    padding-bottom: 4.5rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .375rem !important
}

.ps-2 {
    padding-left: .75rem !important
}

.ps-3 {
    padding-left: 1.5rem !important
}

.ps-4 {
    padding-left: 2.25rem !important
}

.ps-5 {
    padding-left: 4.5rem !important
}
/* === spacing css end === */

/* === buttons css start === */
.btn {
    padding: 0.5625rem 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 4px;
}

    .btn.btn-lg {
        padding: 0.9375rem 0.875rem;
        font-weight: 600;
    }

    .btn.btn-sm {
        padding: 0.5rem 0.875rem;
        font-size: 0.875rem;
    }

.btn-success {
    background-color: var(--success-main);
    color: #fff;
    border-color: var(--success-main);
}

    .btn-success:hover {
        background-color: var(--success-hover);
        color: #fff;
        border-color: var(--success-main);
    }

    .btn-success:active, .btn-success:focus {
        background-color: var(--success-pressed);
        color: #fff;
        border-color: var(--success-pressed);
    }

.btn-danger {
    background-color: var(--danger-main);
    color: #fff;
    border-color: var(--danger-main);
}

    .btn-danger:hover {
        background-color: var(--danger-hover);
        color: #fff;
        border-color: var(--danger-main);
    }

    .btn-danger:active, .btn-danger:focus {
        background-color: var(--danger-pressed);
        color: #fff;
        border-color: var(--danger-pressed);
    }

.btn-warning {
    background-color: var(--warning-main);
    color: #fff;
    border-color: var(--warning-main);
}

    .btn-warning:hover {
        background-color: var(--warning-hover);
        color: #fff;
        border-color: var(--warning-main);
    }

    .btn-warning:active, .btn-warning:focus {
        background-color: var(--warning-pressed);
        color: #fff;
        border-color: var(--warning-pressed);
    }

.btn-info {
    background-color: var(--info-main);
    color: #fff;
    border-color: var(--info-main);
}

    .btn-info:hover {
        background-color: var(--info-hover);
        color: #fff;
        border-color: var(--info-main);
    }

    .btn-info:active, .btn-info:focus {
        background-color: var(--info-pressed);
        color: #fff;
        border-color: var(--info-pressed);
    }

.btn-outline-success {
    background-color: transparent;
    color: var(--success-main);
    border-color: var(--success-main);
}

    .btn-outline-success:hover {
        background-color: var(--success-hover);
        color: #fff;
        border-color: var(--success-main);
    }

    .btn-outline-success:active, .btn-outline-success:focus {
        background-color: var(--success-pressed) !important;
        color: #fff !important;
        border-color: var(--success-pressed) !important;
    }

.btn-outline-danger {
    background-color: transparent;
    color: var(--danger-main);
    border-color: var(--danger-main);
}

    .btn-outline-danger:hover {
        background-color: var(--danger-hover);
        color: #fff;
        border-color: var(--danger-main);
    }

    .btn-outline-danger:active, .btn-outline-danger:focus {
        background-color: var(--danger-pressed) !important;
        color: #fff !important;
        border-color: var(--danger-pressed) !important;
    }

.btn-outline-warning {
    background-color: transparent;
    color: var(--warning-main);
    border-color: var(--warning-main);
}

    .btn-outline-warning:hover {
        background-color: var(--warning-hover);
        color: #fff;
        border-color: var(--warning-main);
    }

    .btn-outline-warning:active, .btn-outline-warning:focus {
        background-color: var(--warning-pressed) !important;
        color: #fff !important;
        border-color: var(--warning-pressed) !important;
    }

.btn-outline-info {
    background-color: transparent;
    color: var(--info-main);
    border-color: var(--info-main);
}

    .btn-outline-info:hover {
        background-color: var(--info-hover);
        color: #fff;
        border-color: var(--info-main);
    }

    .btn-outline-info:active, .btn-outline-info:focus {
        background-color: var(--info-pressed) !important;
        color: #fff !important;
        border-color: var(--info-pressed) !important;
    }

/* Pill Btn */
.btn-primary-50 {
    background-color: var(--primary-50);
    color: #fff;
    border-color: var(--primary-50);
}

    .btn-primary-50:hover {
        background-color: var(--primary-700);
        color: #fff !important;
        border-color: var(--primary-700);
    }

    .btn-primary-50:active, .btn-primary-50:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-primary-100 {
    background-color: var(--primary-100);
    color: #fff;
    border-color: var(--primary-100);
}

    .btn-primary-100:hover {
        background-color: var(--primary-700);
        color: #fff !important;
        border-color: var(--primary-700);
    }

    .btn-primary-100:active, .btn-primary-100:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-primary-200 {
    background-color: var(--primary-200);
    color: #fff;
    border-color: var(--primary-200);
}

    .btn-primary-200:hover {
        background-color: var(--primary-700);
        color: #fff !important;
        border-color: var(--primary-700);
    }

    .btn-primary-200:active, .btn-primary-200:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-primary-300 {
    background-color: var(--primary-300);
    color: #fff;
    border-color: var(--primary-300);
}

    .btn-primary-300:hover {
        background-color: var(--primary-700);
        color: #fff !important;
        border-color: var(--primary-700);
    }

    .btn-primary-300:active, .btn-primary-300:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-primary-400 {
    background-color: var(--primary-400);
    color: #fff;
    border-color: var(--primary-400);
}

    .btn-primary-400:hover {
        background-color: var(--primary-700);
        color: #fff !important;
        border-color: var(--primary-700);
    }

    .btn-primary-400:active, .btn-primary-400:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-primary-500 {
    background-color: var(--primary-500);
    color: #fff;
    border-color: var(--primary-500);
}

    .btn-primary-500:hover {
        background-color: var(--primary-700);
        color: #fff !important;
        border-color: var(--primary-700);
    }

    .btn-primary-500:active, .btn-primary-500:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-primary-600 {
    background-color: var(--primary-600);
    color: #fff;
    border-color: var(--primary-600);
}

    .btn-primary-600:hover {
        background-color: var(--primary-700);
        color: #fff !important;
        border-color: var(--primary-700);
    }

    .btn-primary-600:active, .btn-primary-600:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-primary-700 {
    background-color: var(--primary-700);
    color: #fff;
    border-color: var(--primary-700);
}

    .btn-primary-700:hover {
        background-color: var(--primary-700);
        color: #fff !important;
        border-color: var(--primary-700);
    }

    .btn-primary-700:active, .btn-primary-700:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-primary-800 {
    background-color: var(--primary-800);
    color: #fff;
    border-color: var(--primary-800);
}

    .btn-primary-800:hover {
        background-color: var(--primary-700);
        color: #fff !important;
        border-color: var(--primary-700);
    }

    .btn-primary-800:active, .btn-primary-800:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-primary-900 {
    background-color: var(--primary-900);
    color: #fff;
    border-color: var(--primary-900);
}

    .btn-primary-900:hover {
        background-color: var(--primary-700);
        color: #fff !important;
        border-color: var(--primary-700);
    }

    .btn-primary-900:active, .btn-primary-900:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-neutral-50 {
    background-color: var(--neutral-50);
    color: #fff;
    border-color: var(--neutral-50);
}

    .btn-neutral-50:hover {
        background-color: var(--neutral-700);
        color: #fff !important;
        border-color: var(--neutral-700);
    }

    .btn-neutral-50:active, .btn-neutral-50:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-neutral-100 {
    background-color: var(--neutral-100);
    color: #fff;
    border-color: var(--neutral-100);
}

    .btn-neutral-100:hover {
        background-color: var(--neutral-700);
        color: #fff !important;
        border-color: var(--neutral-700);
    }

    .btn-neutral-100:active, .btn-neutral-100:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-neutral-200 {
    background-color: var(--neutral-200);
    color: #fff;
    border-color: var(--neutral-200);
}

    .btn-neutral-200:hover {
        background-color: var(--neutral-700);
        color: #fff !important;
        border-color: var(--neutral-700);
    }

    .btn-neutral-200:active, .btn-neutral-200:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-neutral-300 {
    background-color: var(--neutral-300);
    color: #fff;
    border-color: var(--neutral-300);
}

    .btn-neutral-300:hover {
        background-color: var(--neutral-700);
        color: #fff !important;
        border-color: var(--neutral-700);
    }

    .btn-neutral-300:active, .btn-neutral-300:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-neutral-400 {
    background-color: var(--neutral-400);
    color: #fff;
    border-color: var(--neutral-400);
}

    .btn-neutral-400:hover {
        background-color: var(--neutral-700);
        color: #fff !important;
        border-color: var(--neutral-700);
    }

    .btn-neutral-400:active, .btn-neutral-400:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-neutral-500 {
    background-color: var(--neutral-500);
    color: #fff;
    border-color: var(--neutral-500);
}

    .btn-neutral-500:hover {
        background-color: var(--neutral-700);
        color: #fff !important;
        border-color: var(--neutral-700);
    }

    .btn-neutral-500:active, .btn-neutral-500:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-neutral-600 {
    background-color: var(--neutral-600);
    color: #fff;
    border-color: var(--neutral-600);
}

    .btn-neutral-600:hover {
        background-color: var(--neutral-700);
        color: #fff !important;
        border-color: var(--neutral-700);
    }

    .btn-neutral-600:active, .btn-neutral-600:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-neutral-700 {
    background-color: var(--neutral-700);
    color: #fff;
    border-color: var(--neutral-700);
}

    .btn-neutral-700:hover {
        background-color: var(--neutral-700);
        color: #fff !important;
        border-color: var(--neutral-700);
    }

    .btn-neutral-700:active, .btn-neutral-700:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-neutral-800 {
    background-color: var(--neutral-800);
    color: #fff;
    border-color: var(--neutral-800);
}

    .btn-neutral-800:hover {
        background-color: var(--neutral-700);
        color: #fff !important;
        border-color: var(--neutral-700);
    }

    .btn-neutral-800:active, .btn-neutral-800:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-neutral-900 {
    background-color: var(--neutral-900);
    color: #fff;
    border-color: var(--neutral-900);
}

    .btn-neutral-900:hover {
        background-color: var(--neutral-700);
        color: #fff !important;
        border-color: var(--neutral-700);
    }

    .btn-neutral-900:active, .btn-neutral-900:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-danger-50 {
    background-color: var(--danger-50);
    color: #fff;
    border-color: var(--danger-50);
}

    .btn-danger-50:hover {
        background-color: var(--danger-700);
        color: #fff !important;
        border-color: var(--danger-700);
    }

    .btn-danger-50:active, .btn-danger-50:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-danger-100 {
    background-color: var(--danger-100);
    color: #fff;
    border-color: var(--danger-100);
}

    .btn-danger-100:hover {
        background-color: var(--danger-700);
        color: #fff !important;
        border-color: var(--danger-700);
    }

    .btn-danger-100:active, .btn-danger-100:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-danger-200 {
    background-color: var(--danger-200);
    color: #fff;
    border-color: var(--danger-200);
}

    .btn-danger-200:hover {
        background-color: var(--danger-700);
        color: #fff !important;
        border-color: var(--danger-700);
    }

    .btn-danger-200:active, .btn-danger-200:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-danger-300 {
    background-color: var(--danger-300);
    color: #fff;
    border-color: var(--danger-300);
}

    .btn-danger-300:hover {
        background-color: var(--danger-700);
        color: #fff !important;
        border-color: var(--danger-700);
    }

    .btn-danger-300:active, .btn-danger-300:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-danger-400 {
    background-color: var(--danger-400);
    color: #fff;
    border-color: var(--danger-400);
}

    .btn-danger-400:hover {
        background-color: var(--danger-700);
        color: #fff !important;
        border-color: var(--danger-700);
    }

    .btn-danger-400:active, .btn-danger-400:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-danger-500 {
    background-color: var(--danger-500);
    color: #fff;
    border-color: var(--danger-500);
}

    .btn-danger-500:hover {
        background-color: var(--danger-700);
        color: #fff !important;
        border-color: var(--danger-700);
    }

    .btn-danger-500:active, .btn-danger-500:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-danger-600 {
    background-color: var(--danger-600);
    color: #fff;
    border-color: var(--danger-600);
}

    .btn-danger-600:hover {
        background-color: var(--danger-700);
        color: #fff !important;
        border-color: var(--danger-700);
    }

    .btn-danger-600:active, .btn-danger-600:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-danger-700 {
    background-color: var(--danger-700);
    color: #fff;
    border-color: var(--danger-700);
}

    .btn-danger-700:hover {
        background-color: var(--danger-700);
        color: #fff !important;
        border-color: var(--danger-700);
    }

    .btn-danger-700:active, .btn-danger-700:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-danger-800 {
    background-color: var(--danger-800);
    color: #fff;
    border-color: var(--danger-800);
}

    .btn-danger-800:hover {
        background-color: var(--danger-700);
        color: #fff !important;
        border-color: var(--danger-700);
    }

    .btn-danger-800:active, .btn-danger-800:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-danger-900 {
    background-color: var(--danger-900);
    color: #fff;
    border-color: var(--danger-900);
}

    .btn-danger-900:hover {
        background-color: var(--danger-700);
        color: #fff !important;
        border-color: var(--danger-700);
    }

    .btn-danger-900:active, .btn-danger-900:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-success-50 {
    background-color: var(--success-50);
    color: #fff;
    border-color: var(--success-50);
}

    .btn-success-50:hover {
        background-color: var(--success-700);
        color: #fff !important;
        border-color: var(--success-700);
    }

    .btn-success-50:active, .btn-success-50:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-success-100 {
    background-color: var(--success-100);
    color: #fff;
    border-color: var(--success-100);
}

    .btn-success-100:hover {
        background-color: var(--success-700);
        color: #fff !important;
        border-color: var(--success-700);
    }

    .btn-success-100:active, .btn-success-100:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-success-200 {
    background-color: var(--success-200);
    color: #fff;
    border-color: var(--success-200);
}

    .btn-success-200:hover {
        background-color: var(--success-700);
        color: #fff !important;
        border-color: var(--success-700);
    }

    .btn-success-200:active, .btn-success-200:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-success-300 {
    background-color: var(--success-300);
    color: #fff;
    border-color: var(--success-300);
}

    .btn-success-300:hover {
        background-color: var(--success-700);
        color: #fff !important;
        border-color: var(--success-700);
    }

    .btn-success-300:active, .btn-success-300:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-success-400 {
    background-color: var(--success-400);
    color: #fff;
    border-color: var(--success-400);
}

    .btn-success-400:hover {
        background-color: var(--success-700);
        color: #fff !important;
        border-color: var(--success-700);
    }

    .btn-success-400:active, .btn-success-400:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-success-500 {
    background-color: var(--success-500);
    color: #fff;
    border-color: var(--success-500);
}

    .btn-success-500:hover {
        background-color: var(--success-700);
        color: #fff !important;
        border-color: var(--success-700);
    }

    .btn-success-500:active, .btn-success-500:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-success-600 {
    background-color: var(--success-600);
    color: #fff;
    border-color: var(--success-600);
}

    .btn-success-600:hover {
        background-color: var(--success-700);
        color: #fff !important;
        border-color: var(--success-700);
    }

    .btn-success-600:active, .btn-success-600:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-success-700 {
    background-color: var(--success-700);
    color: #fff;
    border-color: var(--success-700);
}

    .btn-success-700:hover {
        background-color: var(--success-700);
        color: #fff !important;
        border-color: var(--success-700);
    }

    .btn-success-700:active, .btn-success-700:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-success-800 {
    background-color: var(--success-800);
    color: #fff;
    border-color: var(--success-800);
}

    .btn-success-800:hover {
        background-color: var(--success-700);
        color: #fff !important;
        border-color: var(--success-700);
    }

    .btn-success-800:active, .btn-success-800:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-success-900 {
    background-color: var(--success-900);
    color: #fff;
    border-color: var(--success-900);
}

    .btn-success-900:hover {
        background-color: var(--success-700);
        color: #fff !important;
        border-color: var(--success-700);
    }

    .btn-success-900:active, .btn-success-900:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-warning-50 {
    background-color: var(--warning-50);
    color: #fff;
    border-color: var(--warning-50);
}

    .btn-warning-50:hover {
        background-color: var(--warning-700);
        color: #fff !important;
        border-color: var(--warning-700);
    }

    .btn-warning-50:active, .btn-warning-50:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-warning-100 {
    background-color: var(--warning-100);
    color: #fff;
    border-color: var(--warning-100);
}

    .btn-warning-100:hover {
        background-color: var(--warning-700);
        color: #fff !important;
        border-color: var(--warning-700);
    }

    .btn-warning-100:active, .btn-warning-100:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-warning-200 {
    background-color: var(--warning-200);
    color: #fff;
    border-color: var(--warning-200);
}

    .btn-warning-200:hover {
        background-color: var(--warning-700);
        color: #fff !important;
        border-color: var(--warning-700);
    }

    .btn-warning-200:active, .btn-warning-200:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-warning-300 {
    background-color: var(--warning-300);
    color: #fff;
    border-color: var(--warning-300);
}

    .btn-warning-300:hover {
        background-color: var(--warning-700);
        color: #fff !important;
        border-color: var(--warning-700);
    }

    .btn-warning-300:active, .btn-warning-300:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-warning-400 {
    background-color: var(--warning-400);
    color: #fff;
    border-color: var(--warning-400);
}

    .btn-warning-400:hover {
        background-color: var(--warning-700);
        color: #fff !important;
        border-color: var(--warning-700);
    }

    .btn-warning-400:active, .btn-warning-400:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-warning-500 {
    background-color: var(--warning-500);
    color: #fff;
    border-color: var(--warning-500);
}

    .btn-warning-500:hover {
        background-color: var(--warning-700);
        color: #fff !important;
        border-color: var(--warning-700);
    }

    .btn-warning-500:active, .btn-warning-500:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-warning-600 {
    background-color: var(--warning-600);
    color: #fff;
    border-color: var(--warning-600);
}

    .btn-warning-600:hover {
        background-color: var(--warning-700);
        color: #fff !important;
        border-color: var(--warning-700);
    }

    .btn-warning-600:active, .btn-warning-600:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-warning-700 {
    background-color: var(--warning-700);
    color: #fff;
    border-color: var(--warning-700);
}

    .btn-warning-700:hover {
        background-color: var(--warning-700);
        color: #fff !important;
        border-color: var(--warning-700);
    }

    .btn-warning-700:active, .btn-warning-700:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-warning-800 {
    background-color: var(--warning-800);
    color: #fff;
    border-color: var(--warning-800);
}

    .btn-warning-800:hover {
        background-color: var(--warning-700);
        color: #fff !important;
        border-color: var(--warning-700);
    }

    .btn-warning-800:active, .btn-warning-800:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-warning-900 {
    background-color: var(--warning-900);
    color: #fff;
    border-color: var(--warning-900);
}

    .btn-warning-900:hover {
        background-color: var(--warning-700);
        color: #fff !important;
        border-color: var(--warning-700);
    }

    .btn-warning-900:active, .btn-warning-900:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-info-50 {
    background-color: var(--info-50);
    color: #fff;
    border-color: var(--info-50);
}

    .btn-info-50:hover {
        background-color: var(--info-700);
        color: #fff !important;
        border-color: var(--info-700);
    }

    .btn-info-50:active, .btn-info-50:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-info-100 {
    background-color: var(--info-100);
    color: #fff;
    border-color: var(--info-100);
}

    .btn-info-100:hover {
        background-color: var(--info-700);
        color: #fff !important;
        border-color: var(--info-700);
    }

    .btn-info-100:active, .btn-info-100:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-info-200 {
    background-color: var(--info-200);
    color: #fff;
    border-color: var(--info-200);
}

    .btn-info-200:hover {
        background-color: var(--info-700);
        color: #fff !important;
        border-color: var(--info-700);
    }

    .btn-info-200:active, .btn-info-200:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-info-300 {
    background-color: var(--info-300);
    color: #fff;
    border-color: var(--info-300);
}

    .btn-info-300:hover {
        background-color: var(--info-700);
        color: #fff !important;
        border-color: var(--info-700);
    }

    .btn-info-300:active, .btn-info-300:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-info-400 {
    background-color: var(--info-400);
    color: #fff;
    border-color: var(--info-400);
}

    .btn-info-400:hover {
        background-color: var(--info-700);
        color: #fff !important;
        border-color: var(--info-700);
    }

    .btn-info-400:active, .btn-info-400:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-info-500 {
    background-color: var(--info-500);
    color: #fff;
    border-color: var(--info-500);
}

    .btn-info-500:hover {
        background-color: var(--info-700);
        color: #fff !important;
        border-color: var(--info-700);
    }

    .btn-info-500:active, .btn-info-500:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-info-600 {
    background-color: var(--info-600);
    color: #fff;
    border-color: var(--info-600);
}

    .btn-info-600:hover {
        background-color: var(--info-700);
        color: #fff !important;
        border-color: var(--info-700);
    }

    .btn-info-600:active, .btn-info-600:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-info-700 {
    background-color: var(--info-700);
    color: #fff;
    border-color: var(--info-700);
}

    .btn-info-700:hover {
        background-color: var(--info-700);
        color: #fff !important;
        border-color: var(--info-700);
    }

    .btn-info-700:active, .btn-info-700:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-info-800 {
    background-color: var(--info-800);
    color: #fff;
    border-color: var(--info-800);
}

    .btn-info-800:hover {
        background-color: var(--info-700);
        color: #fff !important;
        border-color: var(--info-700);
    }

    .btn-info-800:active, .btn-info-800:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-info-900 {
    background-color: var(--info-900);
    color: #fff;
    border-color: var(--info-900);
}

    .btn-info-900:hover {
        background-color: var(--info-700);
        color: #fff !important;
        border-color: var(--info-700);
    }

    .btn-info-900:active, .btn-info-900:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-cyan-50 {
    background-color: var(--cyan-50);
    color: #fff;
    border-color: var(--cyan-50);
}

    .btn-cyan-50:hover {
        background-color: var(--cyan-700);
        color: #fff !important;
        border-color: var(--cyan-700);
    }

    .btn-cyan-50:active, .btn-cyan-50:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-cyan-100 {
    background-color: var(--cyan-100);
    color: #fff;
    border-color: var(--cyan-100);
}

    .btn-cyan-100:hover {
        background-color: var(--cyan-700);
        color: #fff !important;
        border-color: var(--cyan-700);
    }

    .btn-cyan-100:active, .btn-cyan-100:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-cyan-200 {
    background-color: var(--cyan-200);
    color: #fff;
    border-color: var(--cyan-200);
}

    .btn-cyan-200:hover {
        background-color: var(--cyan-700);
        color: #fff !important;
        border-color: var(--cyan-700);
    }

    .btn-cyan-200:active, .btn-cyan-200:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-cyan-300 {
    background-color: var(--cyan-300);
    color: #fff;
    border-color: var(--cyan-300);
}

    .btn-cyan-300:hover {
        background-color: var(--cyan-700);
        color: #fff !important;
        border-color: var(--cyan-700);
    }

    .btn-cyan-300:active, .btn-cyan-300:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-cyan-400 {
    background-color: var(--cyan-400);
    color: #fff;
    border-color: var(--cyan-400);
}

    .btn-cyan-400:hover {
        background-color: var(--cyan-700);
        color: #fff !important;
        border-color: var(--cyan-700);
    }

    .btn-cyan-400:active, .btn-cyan-400:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-cyan-500 {
    background-color: var(--cyan-500);
    color: #fff;
    border-color: var(--cyan-500);
}

    .btn-cyan-500:hover {
        background-color: var(--cyan-700);
        color: #fff !important;
        border-color: var(--cyan-700);
    }

    .btn-cyan-500:active, .btn-cyan-500:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-cyan-600 {
    background-color: var(--cyan-600);
    color: #fff;
    border-color: var(--cyan-600);
}

    .btn-cyan-600:hover {
        background-color: var(--cyan-700);
        color: #fff !important;
        border-color: var(--cyan-700);
    }

    .btn-cyan-600:active, .btn-cyan-600:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-cyan-700 {
    background-color: var(--cyan-700);
    color: #fff;
    border-color: var(--cyan-700);
}

    .btn-cyan-700:hover {
        background-color: var(--cyan-700);
        color: #fff !important;
        border-color: var(--cyan-700);
    }

    .btn-cyan-700:active, .btn-cyan-700:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-cyan-800 {
    background-color: var(--cyan-800);
    color: #fff;
    border-color: var(--cyan-800);
}

    .btn-cyan-800:hover {
        background-color: var(--cyan-700);
        color: #fff !important;
        border-color: var(--cyan-700);
    }

    .btn-cyan-800:active, .btn-cyan-800:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-cyan-900 {
    background-color: var(--cyan-900);
    color: #fff;
    border-color: var(--cyan-900);
}

    .btn-cyan-900:hover {
        background-color: var(--cyan-700);
        color: #fff !important;
        border-color: var(--cyan-700);
    }

    .btn-cyan-900:active, .btn-cyan-900:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-dark-1 {
    background-color: var(--dark-1);
    color: #fff;
    border-color: var(--dark-1);
}

    .btn-dark-1:hover {
        background-color: var(--dark-700);
        color: #fff !important;
        border-color: var(--dark-700);
    }

    .btn-dark-1:active, .btn-dark-1:focus {
        background-color: var(--dark-800) !important;
        color: #fff !important;
        border-color: var(--dark-800) !important;
    }

.btn-dark-2 {
    background-color: var(--dark-2);
    color: #fff;
    border-color: var(--dark-2);
}

    .btn-dark-2:hover {
        background-color: var(--dark-700);
        color: #fff !important;
        border-color: var(--dark-700);
    }

    .btn-dark-2:active, .btn-dark-2:focus {
        background-color: var(--dark-800) !important;
        color: #fff !important;
        border-color: var(--dark-800) !important;
    }

.btn-dark-3 {
    background-color: var(--dark-3);
    color: #fff;
    border-color: var(--dark-3);
}

    .btn-dark-3:hover {
        background-color: var(--dark-700);
        color: #fff !important;
        border-color: var(--dark-700);
    }

    .btn-dark-3:active, .btn-dark-3:focus {
        background-color: var(--dark-800) !important;
        color: #fff !important;
        border-color: var(--dark-800) !important;
    }

.btn-lilac-50 {
    background-color: var(--lilac-50);
    color: #fff;
    border-color: var(--lilac-50);
}

    .btn-lilac-50:hover {
        background-color: var(--lilac-700);
        color: #fff !important;
        border-color: var(--lilac-700);
    }

    .btn-lilac-50:active, .btn-lilac-50:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-lilac-100 {
    background-color: var(--lilac-100);
    color: #fff;
    border-color: var(--lilac-100);
}

    .btn-lilac-100:hover {
        background-color: var(--lilac-700);
        color: #fff !important;
        border-color: var(--lilac-700);
    }

    .btn-lilac-100:active, .btn-lilac-100:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-lilac-200 {
    background-color: var(--lilac-200);
    color: #fff;
    border-color: var(--lilac-200);
}

    .btn-lilac-200:hover {
        background-color: var(--lilac-700);
        color: #fff !important;
        border-color: var(--lilac-700);
    }

    .btn-lilac-200:active, .btn-lilac-200:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-lilac-300 {
    background-color: var(--lilac-300);
    color: #fff;
    border-color: var(--lilac-300);
}

    .btn-lilac-300:hover {
        background-color: var(--lilac-700);
        color: #fff !important;
        border-color: var(--lilac-700);
    }

    .btn-lilac-300:active, .btn-lilac-300:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-lilac-400 {
    background-color: var(--lilac-400);
    color: #fff;
    border-color: var(--lilac-400);
}

    .btn-lilac-400:hover {
        background-color: var(--lilac-700);
        color: #fff !important;
        border-color: var(--lilac-700);
    }

    .btn-lilac-400:active, .btn-lilac-400:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-lilac-500 {
    background-color: var(--lilac-500);
    color: #fff;
    border-color: var(--lilac-500);
}

    .btn-lilac-500:hover {
        background-color: var(--lilac-700);
        color: #fff !important;
        border-color: var(--lilac-700);
    }

    .btn-lilac-500:active, .btn-lilac-500:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-lilac-600 {
    background-color: var(--lilac-600);
    color: #fff;
    border-color: var(--lilac-600);
}

    .btn-lilac-600:hover {
        background-color: var(--lilac-700);
        color: #fff !important;
        border-color: var(--lilac-700);
    }

    .btn-lilac-600:active, .btn-lilac-600:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-lilac-700 {
    background-color: var(--lilac-700);
    color: #fff;
    border-color: var(--lilac-700);
}

    .btn-lilac-700:hover {
        background-color: var(--lilac-700);
        color: #fff !important;
        border-color: var(--lilac-700);
    }

    .btn-lilac-700:active, .btn-lilac-700:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-lilac-800 {
    background-color: var(--lilac-800);
    color: #fff;
    border-color: var(--lilac-800);
}

    .btn-lilac-800:hover {
        background-color: var(--lilac-700);
        color: #fff !important;
        border-color: var(--lilac-700);
    }

    .btn-lilac-800:active, .btn-lilac-800:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-light-50 {
    background-color: var(--light-50);
    color: #fff;
    border-color: var(--light-50);
}

    .btn-light-50:hover {
        background-color: var(--light-700);
        color: #fff !important;
        border-color: var(--light-700);
    }

    .btn-light-50:active, .btn-light-50:focus {
        background-color: var(--light-800) !important;
        color: #fff !important;
        border-color: var(--light-800) !important;
    }

.btn-light-100 {
    background-color: var(--light-100);
    color: #fff;
    border-color: var(--light-100);
}

    .btn-light-100:hover {
        background-color: var(--light-700);
        color: #fff !important;
        border-color: var(--light-700);
    }

    .btn-light-100:active, .btn-light-100:focus {
        background-color: var(--light-800) !important;
        color: #fff !important;
        border-color: var(--light-800) !important;
    }

.btn-light-600 {
    background-color: var(--light-600);
    color: #fff;
    border-color: var(--light-600);
}

    .btn-light-600:hover {
        background-color: var(--light-700);
        color: #fff !important;
        border-color: var(--light-700);
    }

    .btn-light-600:active, .btn-light-600:focus {
        background-color: var(--light-800) !important;
        color: #fff !important;
        border-color: var(--light-800) !important;
    }

.btn-light-700 {
    background-color: var(--light-700);
    color: #fff;
    border-color: var(--light-700);
}

    .btn-light-700:hover {
        background-color: var(--light-700);
        color: #fff !important;
        border-color: var(--light-700);
    }

    .btn-light-700:active, .btn-light-700:focus {
        background-color: var(--light-800) !important;
        color: #fff !important;
        border-color: var(--light-800) !important;
    }

.btn-light-800 {
    background-color: var(--light-800);
    color: #fff;
    border-color: var(--light-800);
}

    .btn-light-800:hover {
        background-color: var(--light-700);
        color: #fff !important;
        border-color: var(--light-700);
    }

    .btn-light-800:active, .btn-light-800:focus {
        background-color: var(--light-800) !important;
        color: #fff !important;
        border-color: var(--light-800) !important;
    }

/* Outline Btn */
.btn-outline-primary-50 {
    background-color: transparent !important;
    color: var(--primary-50) !important;
    border-color: var(--primary-50) !important;
}

    .btn-outline-primary-50:hover {
        background-color: var(--primary-50) !important;
        color: #fff !important;
        border-color: var(--primary-50) !important;
    }

    .btn-outline-primary-50:active, .btn-outline-primary-50:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-outline-primary-100 {
    background-color: transparent !important;
    color: var(--primary-100) !important;
    border-color: var(--primary-100) !important;
}

    .btn-outline-primary-100:hover {
        background-color: var(--primary-100) !important;
        color: #fff !important;
        border-color: var(--primary-100) !important;
    }

    .btn-outline-primary-100:active, .btn-outline-primary-100:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-outline-primary-200 {
    background-color: transparent !important;
    color: var(--primary-200) !important;
    border-color: var(--primary-200) !important;
}

    .btn-outline-primary-200:hover {
        background-color: var(--primary-200) !important;
        color: #fff !important;
        border-color: var(--primary-200) !important;
    }

    .btn-outline-primary-200:active, .btn-outline-primary-200:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-outline-primary-300 {
    background-color: transparent !important;
    color: var(--primary-300) !important;
    border-color: var(--primary-300) !important;
}

    .btn-outline-primary-300:hover {
        background-color: var(--primary-300) !important;
        color: #fff !important;
        border-color: var(--primary-300) !important;
    }

    .btn-outline-primary-300:active, .btn-outline-primary-300:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-outline-primary-400 {
    background-color: transparent !important;
    color: var(--primary-400) !important;
    border-color: var(--primary-400) !important;
}

    .btn-outline-primary-400:hover {
        background-color: var(--primary-400) !important;
        color: #fff !important;
        border-color: var(--primary-400) !important;
    }

    .btn-outline-primary-400:active, .btn-outline-primary-400:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-outline-primary-500 {
    background-color: transparent !important;
    color: var(--primary-500) !important;
    border-color: var(--primary-500) !important;
}

    .btn-outline-primary-500:hover {
        background-color: var(--primary-500) !important;
        color: #fff !important;
        border-color: var(--primary-500) !important;
    }

    .btn-outline-primary-500:active, .btn-outline-primary-500:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-outline-primary-600 {
    background-color: transparent !important;
    color: var(--primary-600) !important;
    border-color: var(--primary-600) !important;
}

    .btn-outline-primary-600:hover {
        background-color: var(--primary-600) !important;
        color: #fff !important;
        border-color: var(--primary-600) !important;
    }

    .btn-outline-primary-600:active, .btn-outline-primary-600:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-outline-primary-700 {
    background-color: transparent !important;
    color: var(--primary-700) !important;
    border-color: var(--primary-700) !important;
}

    .btn-outline-primary-700:hover {
        background-color: var(--primary-700) !important;
        color: #fff !important;
        border-color: var(--primary-700) !important;
    }

    .btn-outline-primary-700:active, .btn-outline-primary-700:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-outline-primary-800 {
    background-color: transparent !important;
    color: var(--primary-800) !important;
    border-color: var(--primary-800) !important;
}

    .btn-outline-primary-800:hover {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

    .btn-outline-primary-800:active, .btn-outline-primary-800:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-outline-primary-900 {
    background-color: transparent !important;
    color: var(--primary-900) !important;
    border-color: var(--primary-900) !important;
}

    .btn-outline-primary-900:hover {
        background-color: var(--primary-900) !important;
        color: #fff !important;
        border-color: var(--primary-900) !important;
    }

    .btn-outline-primary-900:active, .btn-outline-primary-900:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-outline-neutral-50 {
    background-color: transparent !important;
    color: var(--neutral-50) !important;
    border-color: var(--neutral-50) !important;
}

    .btn-outline-neutral-50:hover {
        background-color: var(--neutral-50) !important;
        color: #fff !important;
        border-color: var(--neutral-50) !important;
    }

    .btn-outline-neutral-50:active, .btn-outline-neutral-50:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-outline-neutral-100 {
    background-color: transparent !important;
    color: var(--neutral-100) !important;
    border-color: var(--neutral-100) !important;
}

    .btn-outline-neutral-100:hover {
        background-color: var(--neutral-100) !important;
        color: #fff !important;
        border-color: var(--neutral-100) !important;
    }

    .btn-outline-neutral-100:active, .btn-outline-neutral-100:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-outline-neutral-200 {
    background-color: transparent !important;
    color: var(--neutral-200) !important;
    border-color: var(--neutral-200) !important;
}

    .btn-outline-neutral-200:hover {
        background-color: var(--neutral-200) !important;
        color: #fff !important;
        border-color: var(--neutral-200) !important;
    }

    .btn-outline-neutral-200:active, .btn-outline-neutral-200:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-outline-neutral-300 {
    background-color: transparent !important;
    color: var(--neutral-300) !important;
    border-color: var(--neutral-300) !important;
}

    .btn-outline-neutral-300:hover {
        background-color: var(--neutral-300) !important;
        color: #fff !important;
        border-color: var(--neutral-300) !important;
    }

    .btn-outline-neutral-300:active, .btn-outline-neutral-300:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-outline-neutral-400 {
    background-color: transparent !important;
    color: var(--neutral-400) !important;
    border-color: var(--neutral-400) !important;
}

    .btn-outline-neutral-400:hover {
        background-color: var(--neutral-400) !important;
        color: #fff !important;
        border-color: var(--neutral-400) !important;
    }

    .btn-outline-neutral-400:active, .btn-outline-neutral-400:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-outline-neutral-500 {
    background-color: transparent !important;
    color: var(--neutral-500) !important;
    border-color: var(--neutral-500) !important;
}

    .btn-outline-neutral-500:hover {
        background-color: var(--neutral-500) !important;
        color: #fff !important;
        border-color: var(--neutral-500) !important;
    }

    .btn-outline-neutral-500:active, .btn-outline-neutral-500:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-outline-neutral-600 {
    background-color: transparent !important;
    color: var(--neutral-600) !important;
    border-color: var(--neutral-600) !important;
}

    .btn-outline-neutral-600:hover {
        background-color: var(--neutral-600) !important;
        color: #fff !important;
        border-color: var(--neutral-600) !important;
    }

    .btn-outline-neutral-600:active, .btn-outline-neutral-600:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-outline-neutral-700 {
    background-color: transparent !important;
    color: var(--neutral-700) !important;
    border-color: var(--neutral-700) !important;
}

    .btn-outline-neutral-700:hover {
        background-color: var(--neutral-700) !important;
        color: #fff !important;
        border-color: var(--neutral-700) !important;
    }

    .btn-outline-neutral-700:active, .btn-outline-neutral-700:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-outline-neutral-800 {
    background-color: transparent !important;
    color: var(--neutral-800) !important;
    border-color: var(--neutral-800) !important;
}

    .btn-outline-neutral-800:hover {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

    .btn-outline-neutral-800:active, .btn-outline-neutral-800:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-outline-neutral-900 {
    background-color: transparent !important;
    color: var(--neutral-900) !important;
    border-color: var(--neutral-900) !important;
}

    .btn-outline-neutral-900:hover {
        background-color: var(--neutral-900) !important;
        color: #fff !important;
        border-color: var(--neutral-900) !important;
    }

    .btn-outline-neutral-900:active, .btn-outline-neutral-900:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-outline-danger-50 {
    background-color: transparent !important;
    color: var(--danger-50) !important;
    border-color: var(--danger-50) !important;
}

    .btn-outline-danger-50:hover {
        background-color: var(--danger-50) !important;
        color: #fff !important;
        border-color: var(--danger-50) !important;
    }

    .btn-outline-danger-50:active, .btn-outline-danger-50:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-outline-danger-100 {
    background-color: transparent !important;
    color: var(--danger-100) !important;
    border-color: var(--danger-100) !important;
}

    .btn-outline-danger-100:hover {
        background-color: var(--danger-100) !important;
        color: #fff !important;
        border-color: var(--danger-100) !important;
    }

    .btn-outline-danger-100:active, .btn-outline-danger-100:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-outline-danger-200 {
    background-color: transparent !important;
    color: var(--danger-200) !important;
    border-color: var(--danger-200) !important;
}

    .btn-outline-danger-200:hover {
        background-color: var(--danger-200) !important;
        color: #fff !important;
        border-color: var(--danger-200) !important;
    }

    .btn-outline-danger-200:active, .btn-outline-danger-200:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-outline-danger-300 {
    background-color: transparent !important;
    color: var(--danger-300) !important;
    border-color: var(--danger-300) !important;
}

    .btn-outline-danger-300:hover {
        background-color: var(--danger-300) !important;
        color: #fff !important;
        border-color: var(--danger-300) !important;
    }

    .btn-outline-danger-300:active, .btn-outline-danger-300:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-outline-danger-400 {
    background-color: transparent !important;
    color: var(--danger-400) !important;
    border-color: var(--danger-400) !important;
}

    .btn-outline-danger-400:hover {
        background-color: var(--danger-400) !important;
        color: #fff !important;
        border-color: var(--danger-400) !important;
    }

    .btn-outline-danger-400:active, .btn-outline-danger-400:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-outline-danger-500 {
    background-color: transparent !important;
    color: var(--danger-500) !important;
    border-color: var(--danger-500) !important;
}

    .btn-outline-danger-500:hover {
        background-color: var(--danger-500) !important;
        color: #fff !important;
        border-color: var(--danger-500) !important;
    }

    .btn-outline-danger-500:active, .btn-outline-danger-500:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-outline-danger-600 {
    background-color: transparent !important;
    color: var(--danger-600) !important;
    border-color: var(--danger-600) !important;
}

    .btn-outline-danger-600:hover {
        background-color: var(--danger-600) !important;
        color: #fff !important;
        border-color: var(--danger-600) !important;
    }

    .btn-outline-danger-600:active, .btn-outline-danger-600:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-outline-danger-700 {
    background-color: transparent !important;
    color: var(--danger-700) !important;
    border-color: var(--danger-700) !important;
}

    .btn-outline-danger-700:hover {
        background-color: var(--danger-700) !important;
        color: #fff !important;
        border-color: var(--danger-700) !important;
    }

    .btn-outline-danger-700:active, .btn-outline-danger-700:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-outline-danger-800 {
    background-color: transparent !important;
    color: var(--danger-800) !important;
    border-color: var(--danger-800) !important;
}

    .btn-outline-danger-800:hover {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

    .btn-outline-danger-800:active, .btn-outline-danger-800:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-outline-danger-900 {
    background-color: transparent !important;
    color: var(--danger-900) !important;
    border-color: var(--danger-900) !important;
}

    .btn-outline-danger-900:hover {
        background-color: var(--danger-900) !important;
        color: #fff !important;
        border-color: var(--danger-900) !important;
    }

    .btn-outline-danger-900:active, .btn-outline-danger-900:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-outline-success-50 {
    background-color: transparent !important;
    color: var(--success-50) !important;
    border-color: var(--success-50) !important;
}

    .btn-outline-success-50:hover {
        background-color: var(--success-50) !important;
        color: #fff !important;
        border-color: var(--success-50) !important;
    }

    .btn-outline-success-50:active, .btn-outline-success-50:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-outline-success-100 {
    background-color: transparent !important;
    color: var(--success-100) !important;
    border-color: var(--success-100) !important;
}

    .btn-outline-success-100:hover {
        background-color: var(--success-100) !important;
        color: #fff !important;
        border-color: var(--success-100) !important;
    }

    .btn-outline-success-100:active, .btn-outline-success-100:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-outline-success-200 {
    background-color: transparent !important;
    color: var(--success-200) !important;
    border-color: var(--success-200) !important;
}

    .btn-outline-success-200:hover {
        background-color: var(--success-200) !important;
        color: #fff !important;
        border-color: var(--success-200) !important;
    }

    .btn-outline-success-200:active, .btn-outline-success-200:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-outline-success-300 {
    background-color: transparent !important;
    color: var(--success-300) !important;
    border-color: var(--success-300) !important;
}

    .btn-outline-success-300:hover {
        background-color: var(--success-300) !important;
        color: #fff !important;
        border-color: var(--success-300) !important;
    }

    .btn-outline-success-300:active, .btn-outline-success-300:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-outline-success-400 {
    background-color: transparent !important;
    color: var(--success-400) !important;
    border-color: var(--success-400) !important;
}

    .btn-outline-success-400:hover {
        background-color: var(--success-400) !important;
        color: #fff !important;
        border-color: var(--success-400) !important;
    }

    .btn-outline-success-400:active, .btn-outline-success-400:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-outline-success-500 {
    background-color: transparent !important;
    color: var(--success-500) !important;
    border-color: var(--success-500) !important;
}

    .btn-outline-success-500:hover {
        background-color: var(--success-500) !important;
        color: #fff !important;
        border-color: var(--success-500) !important;
    }

    .btn-outline-success-500:active, .btn-outline-success-500:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-outline-success-600 {
    background-color: transparent !important;
    color: var(--success-600) !important;
    border-color: var(--success-600) !important;
}

    .btn-outline-success-600:hover {
        background-color: var(--success-600) !important;
        color: #fff !important;
        border-color: var(--success-600) !important;
    }

    .btn-outline-success-600:active, .btn-outline-success-600:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-outline-success-700 {
    background-color: transparent !important;
    color: var(--success-700) !important;
    border-color: var(--success-700) !important;
}

    .btn-outline-success-700:hover {
        background-color: var(--success-700) !important;
        color: #fff !important;
        border-color: var(--success-700) !important;
    }

    .btn-outline-success-700:active, .btn-outline-success-700:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-outline-success-800 {
    background-color: transparent !important;
    color: var(--success-800) !important;
    border-color: var(--success-800) !important;
}

    .btn-outline-success-800:hover {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

    .btn-outline-success-800:active, .btn-outline-success-800:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-outline-success-900 {
    background-color: transparent !important;
    color: var(--success-900) !important;
    border-color: var(--success-900) !important;
}

    .btn-outline-success-900:hover {
        background-color: var(--success-900) !important;
        color: #fff !important;
        border-color: var(--success-900) !important;
    }

    .btn-outline-success-900:active, .btn-outline-success-900:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-outline-warning-50 {
    background-color: transparent !important;
    color: var(--warning-50) !important;
    border-color: var(--warning-50) !important;
}

    .btn-outline-warning-50:hover {
        background-color: var(--warning-50) !important;
        color: #fff !important;
        border-color: var(--warning-50) !important;
    }

    .btn-outline-warning-50:active, .btn-outline-warning-50:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-outline-warning-100 {
    background-color: transparent !important;
    color: var(--warning-100) !important;
    border-color: var(--warning-100) !important;
}

    .btn-outline-warning-100:hover {
        background-color: var(--warning-100) !important;
        color: #fff !important;
        border-color: var(--warning-100) !important;
    }

    .btn-outline-warning-100:active, .btn-outline-warning-100:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-outline-warning-200 {
    background-color: transparent !important;
    color: var(--warning-200) !important;
    border-color: var(--warning-200) !important;
}

    .btn-outline-warning-200:hover {
        background-color: var(--warning-200) !important;
        color: #fff !important;
        border-color: var(--warning-200) !important;
    }

    .btn-outline-warning-200:active, .btn-outline-warning-200:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-outline-warning-300 {
    background-color: transparent !important;
    color: var(--warning-300) !important;
    border-color: var(--warning-300) !important;
}

    .btn-outline-warning-300:hover {
        background-color: var(--warning-300) !important;
        color: #fff !important;
        border-color: var(--warning-300) !important;
    }

    .btn-outline-warning-300:active, .btn-outline-warning-300:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-outline-warning-400 {
    background-color: transparent !important;
    color: var(--warning-400) !important;
    border-color: var(--warning-400) !important;
}

    .btn-outline-warning-400:hover {
        background-color: var(--warning-400) !important;
        color: #fff !important;
        border-color: var(--warning-400) !important;
    }

    .btn-outline-warning-400:active, .btn-outline-warning-400:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-outline-warning-500 {
    background-color: transparent !important;
    color: var(--warning-500) !important;
    border-color: var(--warning-500) !important;
}

    .btn-outline-warning-500:hover {
        background-color: var(--warning-500) !important;
        color: #fff !important;
        border-color: var(--warning-500) !important;
    }

    .btn-outline-warning-500:active, .btn-outline-warning-500:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-outline-warning-600 {
    background-color: transparent !important;
    color: var(--warning-600) !important;
    border-color: var(--warning-600) !important;
}

    .btn-outline-warning-600:hover {
        background-color: var(--warning-600) !important;
        color: #fff !important;
        border-color: var(--warning-600) !important;
    }

    .btn-outline-warning-600:active, .btn-outline-warning-600:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-outline-warning-700 {
    background-color: transparent !important;
    color: var(--warning-700) !important;
    border-color: var(--warning-700) !important;
}

    .btn-outline-warning-700:hover {
        background-color: var(--warning-700) !important;
        color: #fff !important;
        border-color: var(--warning-700) !important;
    }

    .btn-outline-warning-700:active, .btn-outline-warning-700:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-outline-warning-800 {
    background-color: transparent !important;
    color: var(--warning-800) !important;
    border-color: var(--warning-800) !important;
}

    .btn-outline-warning-800:hover {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

    .btn-outline-warning-800:active, .btn-outline-warning-800:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-outline-warning-900 {
    background-color: transparent !important;
    color: var(--warning-900) !important;
    border-color: var(--warning-900) !important;
}

    .btn-outline-warning-900:hover {
        background-color: var(--warning-900) !important;
        color: #fff !important;
        border-color: var(--warning-900) !important;
    }

    .btn-outline-warning-900:active, .btn-outline-warning-900:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-outline-info-50 {
    background-color: transparent !important;
    color: var(--info-50) !important;
    border-color: var(--info-50) !important;
}

    .btn-outline-info-50:hover {
        background-color: var(--info-50) !important;
        color: #fff !important;
        border-color: var(--info-50) !important;
    }

    .btn-outline-info-50:active, .btn-outline-info-50:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-outline-info-100 {
    background-color: transparent !important;
    color: var(--info-100) !important;
    border-color: var(--info-100) !important;
}

    .btn-outline-info-100:hover {
        background-color: var(--info-100) !important;
        color: #fff !important;
        border-color: var(--info-100) !important;
    }

    .btn-outline-info-100:active, .btn-outline-info-100:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-outline-info-200 {
    background-color: transparent !important;
    color: var(--info-200) !important;
    border-color: var(--info-200) !important;
}

    .btn-outline-info-200:hover {
        background-color: var(--info-200) !important;
        color: #fff !important;
        border-color: var(--info-200) !important;
    }

    .btn-outline-info-200:active, .btn-outline-info-200:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-outline-info-300 {
    background-color: transparent !important;
    color: var(--info-300) !important;
    border-color: var(--info-300) !important;
}

    .btn-outline-info-300:hover {
        background-color: var(--info-300) !important;
        color: #fff !important;
        border-color: var(--info-300) !important;
    }

    .btn-outline-info-300:active, .btn-outline-info-300:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-outline-info-400 {
    background-color: transparent !important;
    color: var(--info-400) !important;
    border-color: var(--info-400) !important;
}

    .btn-outline-info-400:hover {
        background-color: var(--info-400) !important;
        color: #fff !important;
        border-color: var(--info-400) !important;
    }

    .btn-outline-info-400:active, .btn-outline-info-400:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-outline-info-500 {
    background-color: transparent !important;
    color: var(--info-500) !important;
    border-color: var(--info-500) !important;
}

    .btn-outline-info-500:hover {
        background-color: var(--info-500) !important;
        color: #fff !important;
        border-color: var(--info-500) !important;
    }

    .btn-outline-info-500:active, .btn-outline-info-500:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-outline-info-600 {
    background-color: transparent !important;
    color: var(--info-600) !important;
    border-color: var(--info-600) !important;
}

    .btn-outline-info-600:hover {
        background-color: var(--info-600) !important;
        color: #fff !important;
        border-color: var(--info-600) !important;
    }

    .btn-outline-info-600:active, .btn-outline-info-600:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-outline-info-700 {
    background-color: transparent !important;
    color: var(--info-700) !important;
    border-color: var(--info-700) !important;
}

    .btn-outline-info-700:hover {
        background-color: var(--info-700) !important;
        color: #fff !important;
        border-color: var(--info-700) !important;
    }

    .btn-outline-info-700:active, .btn-outline-info-700:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-outline-info-800 {
    background-color: transparent !important;
    color: var(--info-800) !important;
    border-color: var(--info-800) !important;
}

    .btn-outline-info-800:hover {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

    .btn-outline-info-800:active, .btn-outline-info-800:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-outline-info-900 {
    background-color: transparent !important;
    color: var(--info-900) !important;
    border-color: var(--info-900) !important;
}

    .btn-outline-info-900:hover {
        background-color: var(--info-900) !important;
        color: #fff !important;
        border-color: var(--info-900) !important;
    }

    .btn-outline-info-900:active, .btn-outline-info-900:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-outline-cyan-50 {
    background-color: transparent !important;
    color: var(--cyan-50) !important;
    border-color: var(--cyan-50) !important;
}

    .btn-outline-cyan-50:hover {
        background-color: var(--cyan-50) !important;
        color: #fff !important;
        border-color: var(--cyan-50) !important;
    }

    .btn-outline-cyan-50:active, .btn-outline-cyan-50:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-outline-cyan-100 {
    background-color: transparent !important;
    color: var(--cyan-100) !important;
    border-color: var(--cyan-100) !important;
}

    .btn-outline-cyan-100:hover {
        background-color: var(--cyan-100) !important;
        color: #fff !important;
        border-color: var(--cyan-100) !important;
    }

    .btn-outline-cyan-100:active, .btn-outline-cyan-100:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-outline-cyan-200 {
    background-color: transparent !important;
    color: var(--cyan-200) !important;
    border-color: var(--cyan-200) !important;
}

    .btn-outline-cyan-200:hover {
        background-color: var(--cyan-200) !important;
        color: #fff !important;
        border-color: var(--cyan-200) !important;
    }

    .btn-outline-cyan-200:active, .btn-outline-cyan-200:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-outline-cyan-300 {
    background-color: transparent !important;
    color: var(--cyan-300) !important;
    border-color: var(--cyan-300) !important;
}

    .btn-outline-cyan-300:hover {
        background-color: var(--cyan-300) !important;
        color: #fff !important;
        border-color: var(--cyan-300) !important;
    }

    .btn-outline-cyan-300:active, .btn-outline-cyan-300:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-outline-cyan-400 {
    background-color: transparent !important;
    color: var(--cyan-400) !important;
    border-color: var(--cyan-400) !important;
}

    .btn-outline-cyan-400:hover {
        background-color: var(--cyan-400) !important;
        color: #fff !important;
        border-color: var(--cyan-400) !important;
    }

    .btn-outline-cyan-400:active, .btn-outline-cyan-400:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-outline-cyan-500 {
    background-color: transparent !important;
    color: var(--cyan-500) !important;
    border-color: var(--cyan-500) !important;
}

    .btn-outline-cyan-500:hover {
        background-color: var(--cyan-500) !important;
        color: #fff !important;
        border-color: var(--cyan-500) !important;
    }

    .btn-outline-cyan-500:active, .btn-outline-cyan-500:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-outline-cyan-600 {
    background-color: transparent !important;
    color: var(--cyan-600) !important;
    border-color: var(--cyan-600) !important;
}

    .btn-outline-cyan-600:hover {
        background-color: var(--cyan-600) !important;
        color: #fff !important;
        border-color: var(--cyan-600) !important;
    }

    .btn-outline-cyan-600:active, .btn-outline-cyan-600:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-outline-cyan-700 {
    background-color: transparent !important;
    color: var(--cyan-700) !important;
    border-color: var(--cyan-700) !important;
}

    .btn-outline-cyan-700:hover {
        background-color: var(--cyan-700) !important;
        color: #fff !important;
        border-color: var(--cyan-700) !important;
    }

    .btn-outline-cyan-700:active, .btn-outline-cyan-700:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-outline-cyan-800 {
    background-color: transparent !important;
    color: var(--cyan-800) !important;
    border-color: var(--cyan-800) !important;
}

    .btn-outline-cyan-800:hover {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

    .btn-outline-cyan-800:active, .btn-outline-cyan-800:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-outline-cyan-900 {
    background-color: transparent !important;
    color: var(--cyan-900) !important;
    border-color: var(--cyan-900) !important;
}

    .btn-outline-cyan-900:hover {
        background-color: var(--cyan-900) !important;
        color: #fff !important;
        border-color: var(--cyan-900) !important;
    }

    .btn-outline-cyan-900:active, .btn-outline-cyan-900:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-outline-dark-1 {
    background-color: transparent !important;
    color: var(--dark-1) !important;
    border-color: var(--dark-1) !important;
}

    .btn-outline-dark-1:hover {
        background-color: var(--dark-1) !important;
        color: #fff !important;
        border-color: var(--dark-1) !important;
    }

    .btn-outline-dark-1:active, .btn-outline-dark-1:focus {
        background-color: var(--dark-800) !important;
        color: #fff !important;
        border-color: var(--dark-800) !important;
    }

.btn-outline-dark-2 {
    background-color: transparent !important;
    color: var(--dark-2) !important;
    border-color: var(--dark-2) !important;
}

    .btn-outline-dark-2:hover {
        background-color: var(--dark-2) !important;
        color: #fff !important;
        border-color: var(--dark-2) !important;
    }

    .btn-outline-dark-2:active, .btn-outline-dark-2:focus {
        background-color: var(--dark-800) !important;
        color: #fff !important;
        border-color: var(--dark-800) !important;
    }

.btn-outline-dark-3 {
    background-color: transparent !important;
    color: var(--dark-3) !important;
    border-color: var(--dark-3) !important;
}

    .btn-outline-dark-3:hover {
        background-color: var(--dark-3) !important;
        color: #fff !important;
        border-color: var(--dark-3) !important;
    }

    .btn-outline-dark-3:active, .btn-outline-dark-3:focus {
        background-color: var(--dark-800) !important;
        color: #fff !important;
        border-color: var(--dark-800) !important;
    }

.btn-outline-lilac-50 {
    background-color: transparent !important;
    color: var(--lilac-50) !important;
    border-color: var(--lilac-50) !important;
}

    .btn-outline-lilac-50:hover {
        background-color: var(--lilac-50) !important;
        color: #fff !important;
        border-color: var(--lilac-50) !important;
    }

    .btn-outline-lilac-50:active, .btn-outline-lilac-50:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-outline-lilac-100 {
    background-color: transparent !important;
    color: var(--lilac-100) !important;
    border-color: var(--lilac-100) !important;
}

    .btn-outline-lilac-100:hover {
        background-color: var(--lilac-100) !important;
        color: #fff !important;
        border-color: var(--lilac-100) !important;
    }

    .btn-outline-lilac-100:active, .btn-outline-lilac-100:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-outline-lilac-200 {
    background-color: transparent !important;
    color: var(--lilac-200) !important;
    border-color: var(--lilac-200) !important;
}

    .btn-outline-lilac-200:hover {
        background-color: var(--lilac-200) !important;
        color: #fff !important;
        border-color: var(--lilac-200) !important;
    }

    .btn-outline-lilac-200:active, .btn-outline-lilac-200:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-outline-lilac-300 {
    background-color: transparent !important;
    color: var(--lilac-300) !important;
    border-color: var(--lilac-300) !important;
}

    .btn-outline-lilac-300:hover {
        background-color: var(--lilac-300) !important;
        color: #fff !important;
        border-color: var(--lilac-300) !important;
    }

    .btn-outline-lilac-300:active, .btn-outline-lilac-300:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-outline-lilac-400 {
    background-color: transparent !important;
    color: var(--lilac-400) !important;
    border-color: var(--lilac-400) !important;
}

    .btn-outline-lilac-400:hover {
        background-color: var(--lilac-400) !important;
        color: #fff !important;
        border-color: var(--lilac-400) !important;
    }

    .btn-outline-lilac-400:active, .btn-outline-lilac-400:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-outline-lilac-500 {
    background-color: transparent !important;
    color: var(--lilac-500) !important;
    border-color: var(--lilac-500) !important;
}

    .btn-outline-lilac-500:hover {
        background-color: var(--lilac-500) !important;
        color: #fff !important;
        border-color: var(--lilac-500) !important;
    }

    .btn-outline-lilac-500:active, .btn-outline-lilac-500:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-outline-lilac-600 {
    background-color: transparent !important;
    color: var(--lilac-600) !important;
    border-color: var(--lilac-600) !important;
}

    .btn-outline-lilac-600:hover {
        background-color: var(--lilac-600) !important;
        color: #fff !important;
        border-color: var(--lilac-600) !important;
    }

    .btn-outline-lilac-600:active, .btn-outline-lilac-600:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-outline-lilac-700 {
    background-color: transparent !important;
    color: var(--lilac-700) !important;
    border-color: var(--lilac-700) !important;
}

    .btn-outline-lilac-700:hover {
        background-color: var(--lilac-700) !important;
        color: #fff !important;
        border-color: var(--lilac-700) !important;
    }

    .btn-outline-lilac-700:active, .btn-outline-lilac-700:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-outline-lilac-800 {
    background-color: transparent !important;
    color: var(--lilac-800) !important;
    border-color: var(--lilac-800) !important;
}

    .btn-outline-lilac-800:hover {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

    .btn-outline-lilac-800:active, .btn-outline-lilac-800:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-outline-light-50 {
    background-color: transparent !important;
    color: var(--light-50) !important;
    border-color: var(--light-50) !important;
}

    .btn-outline-light-50:hover {
        background-color: var(--light-50) !important;
        color: #fff !important;
        border-color: var(--light-50) !important;
    }

    .btn-outline-light-50:active, .btn-outline-light-50:focus {
        background-color: var(--light-800) !important;
        color: #fff !important;
        border-color: var(--light-800) !important;
    }

.btn-outline-light-100 {
    background-color: transparent !important;
    color: var(--light-100) !important;
    border-color: var(--light-100) !important;
}

    .btn-outline-light-100:hover {
        background-color: var(--light-100) !important;
        color: #fff !important;
        border-color: var(--light-100) !important;
    }

    .btn-outline-light-100:active, .btn-outline-light-100:focus {
        background-color: var(--light-800) !important;
        color: #fff !important;
        border-color: var(--light-800) !important;
    }

.btn-outline-light-600 {
    background-color: transparent !important;
    color: var(--light-600) !important;
    border-color: var(--light-600) !important;
}

    .btn-outline-light-600:hover {
        background-color: var(--light-600) !important;
        color: #fff !important;
        border-color: var(--light-600) !important;
    }

    .btn-outline-light-600:active, .btn-outline-light-600:focus {
        background-color: var(--light-800) !important;
        color: #fff !important;
        border-color: var(--light-800) !important;
    }

.btn-outline-light-700 {
    background-color: transparent !important;
    color: var(--light-700) !important;
    border-color: var(--light-700) !important;
}

    .btn-outline-light-700:hover {
        background-color: var(--light-700) !important;
        color: #fff !important;
        border-color: var(--light-700) !important;
    }

    .btn-outline-light-700:active, .btn-outline-light-700:focus {
        background-color: var(--light-800) !important;
        color: #fff !important;
        border-color: var(--light-800) !important;
    }

.btn-outline-light-800 {
    background-color: transparent !important;
    color: var(--light-800) !important;
    border-color: var(--light-800) !important;
}

    .btn-outline-light-800:hover {
        background-color: var(--light-800) !important;
        color: #fff !important;
        border-color: var(--light-800) !important;
    }

    .btn-outline-light-800:active, .btn-outline-light-800:focus {
        background-color: var(--light-800) !important;
        color: #fff !important;
        border-color: var(--light-800) !important;
    }

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important
}

/* === buttons css end === */
.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fs-7 {
    font-size: 0.85rem !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.left-column {
    width: 70%;
    float: left;
}

.right-column {
    width: 30%;
    float: left;
}

.card {
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 15px;
}

.table-summary {
    width: 100%;
    border-collapse: collapse;
}

    .table-summary th, .table-summary td {
        border: 1px solid #ddd;
        padding: 8px;
    }

    .table-summary th {
        background-color: #fff !important;
        color: #333 !important;
        font-size: 15px;
        font-weight: bold;
    }

.badgeView {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    float: right;
    border-radius: 5px;
}

.d-block {
    display: block !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}