/* 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 '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(94,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(97,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(98,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(99,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(209,2): run-time error CSS1030: Expected identifier, found '-'
(209,2): run-time error CSS1019: Unexpected token, found '-'
(226,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-100'
(227,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(272,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000'
(273,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(277,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000'
(278,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(340,24): run-time error CSS1039: Token not allowed after unary operator: '-ylem-400'
(343,1): run-time error CSS1019: Unexpected token, found '-'
(344,24): run-time error CSS1039: Token not allowed after unary operator: '-ylem-400'
(348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(349,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-500'
(385,33): run-time error CSS1039: Token not allowed after unary operator: '-ylem-100-rgb'
(390,33): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000-rgb'
(399,33): run-time error CSS1039: Token not allowed after unary operator: '-ylem-800-rgb'
(417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(439,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(440,24): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(444,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(448,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(462,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-black'
(468,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-orange'
(469,24): run-time error CSS1039: Token not allowed after unary operator: '-ylem-orange'
(473,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(474,24): run-time error CSS1039: Token not allowed after unary operator: '-ylem-orange'
(478,24): run-time error CSS1039: Token not allowed after unary operator: '-shock'
(482,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(483,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-orange'
(484,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(488,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-shock'
(489,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000'
(493,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(497,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000'
(506,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(512,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(513,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(517,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(521,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(539,24): run-time error CSS1039: Token not allowed after unary operator: '-ylem-600'
(543,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-shock'
(544,24): run-time error CSS1039: Token not allowed after unary operator: '-ylem-shock'
(545,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000'
(561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(562,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(563,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(607,60): run-time error CSS1039: Token not allowed after unary operator: '-ylem-shock'
(608,59): run-time error CSS1039: Token not allowed after unary operator: '-ylem-shock'
(609,59): run-time error CSS1039: Token not allowed after unary operator: '-ylem-shock'
(612,67): run-time error CSS1039: Token not allowed after unary operator: '-ylem-shock-darker'
(613,67): run-time error CSS1039: Token not allowed after unary operator: '-ylem-shock-darker'
(642,31): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000-rgb'
(697,26): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(698,15): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(705,26): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(710,29): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(715,27): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(720,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(725,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(726,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(731,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(736,31): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(741,29): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(746,30): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(751,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(752,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(753,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(754,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(755,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(756,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(757,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(759,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(760,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(764,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(766,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(768,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(769,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(770,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(777,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(778,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(779,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(781,2): run-time error CSS1030: Expected identifier, found '-'
(781,2): run-time error CSS1019: Unexpected token, found '-'
(787,2): run-time error CSS1030: Expected identifier, found '-'
(787,2): run-time error CSS1019: Unexpected token, found '-'
(793,2): run-time error CSS1030: Expected identifier, found '-'
(793,2): run-time error CSS1019: Unexpected token, found '-'
(800,2): run-time error CSS1030: Expected identifier, found '-'
(800,2): run-time error CSS1019: Unexpected token, found '-'
(812,2): run-time error CSS1030: Expected identifier, found '-'
(812,2): run-time error CSS1019: Unexpected token, found '-'
(823,2): run-time error CSS1030: Expected identifier, found '-'
(823,2): run-time error CSS1019: Unexpected token, found '-'
(833,2): run-time error CSS1030: Expected identifier, found '-'
(833,2): run-time error CSS1019: Unexpected token, found '-'
(843,2): run-time error CSS1030: Expected identifier, found '-'
(843,2): run-time error CSS1019: Unexpected token, found '-'
(855,2): run-time error CSS1030: Expected identifier, found '-'
(855,2): run-time error CSS1019: Unexpected token, found '-'
(879,6): run-time error CSS1030: Expected identifier, found '-'
(883,1): run-time error CSS1019: Unexpected token, found '}'
(903,35): run-time error CSS1039: Token not allowed after unary operator: '-ylem-300'
(978,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-600'
(979,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(998,20): run-time error CSS1039: Token not allowed after unary operator: '-ylem-600'
(1007,20): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(1037,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-grey-400'
(1048,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-600'
(1049,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-400'
(1090,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-grey-400'
(1117,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-400'
(1140,20): run-time error CSS1039: Token not allowed after unary operator: '-ylem-600'
(1145,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-600'
(1160,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-400'
(1188,24): run-time error CSS1039: Token not allowed after unary operator: '-ylem-600'
(1228,24): run-time error CSS1039: Token not allowed after unary operator: '-ylem-600'
(1254,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-600'
(1277,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-600'
(1304,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(1308,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(1368,35): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(1370,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(1375,20): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(1395,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(1396,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000'
(1400,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(1404,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(1408,16): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(1412,16): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000'
(1416,16): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(1433,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(1449,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(1459,26): run-time error CSS1039: Token not allowed after unary operator: '-ylem-100'
(1475,30): run-time error CSS1039: Token not allowed after unary operator: '-ylem-shock'
(1487,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(1518,33): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0-rgb'
(1522,33): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000-rgb'
(1565,31): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0-rgb'
(1575,31): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000-rgb'
(1586,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-100'
(1591,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-200'
(1608,35): run-time error CSS1039: Token not allowed after unary operator: '-ylem-300'
(1636,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-600'
(1646,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(1660,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(1675,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(1702,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(1706,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(1710,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-orange'
(1715,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(1733,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(1734,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(1757,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(1797,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(1812,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-400'
(1822,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(1831,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(1832,24): run-time error CSS1039: Token not allowed after unary operator: '-ylem-orange'
(1839,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-orange'
(1843,24): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(1847,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-orange'
(1848,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(1849,24): run-time error CSS1039: Token not allowed after unary operator: '-ylem-orange'
(1872,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-300'
(1873,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(1894,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-200'
(1895,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(1951,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-400'
(1963,35): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(1964,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(1972,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(1974,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2014,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2015,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(2140,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000'
(2144,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000'
(2149,39): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(2153,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2154,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000'
(2158,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2162,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-grey-400'
(2166,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-400'
(2170,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2174,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2178,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2182,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-orange'
(2186,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2190,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2191,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(2195,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-300'
(2199,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(2200,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-600'
(2204,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2208,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(2209,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-orange'
(2213,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-orange'
(2217,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2221,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2222,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(2223,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-400'
(2227,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2231,20): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2236,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(2240,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-shock'
(2241,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000'
(2242,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-shock'
(2247,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2251,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2255,20): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(2259,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2264,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(2268,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-600'
(2269,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2273,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-500'
(2274,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2289,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-orange'
(2295,44): run-time error CSS1039: Token not allowed after unary operator: '-ylem-400'
(2295,61): run-time error CSS1039: Token not allowed after unary operator: '-ylem-400'
(2295,105): run-time error CSS1039: Token not allowed after unary operator: '-bg-h'
(2301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2311,31): run-time error CSS1030: Expected identifier, found ':'
(2311,53): run-time error CSS1031: Expected selector, found ')'
(2311,53): run-time error CSS1025: Expected comma or open brace, found ')'
(2332,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-shock'
(2368,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-800'
(2383,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2384,33): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0-rgb'
(2387,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(2418,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(2456,35): run-time error CSS1039: Token not allowed after unary operator: '-ylem-400'
(2467,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-600'
(2476,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(2536,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(2537,37): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000-rgb'
(2538,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2544,39): run-time error CSS1039: Token not allowed after unary operator: '-ylem-600'
(2552,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-400'
(2556,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-200'
(2560,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2567,33): run-time error CSS1039: Token not allowed after unary operator: '-ylem-100-rgb'
(2568,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-300'
(2587,33): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000-rgb'
(2588,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(2590,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2595,25): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2596,25): run-time error CSS1039: Token not allowed after unary operator: '-card-stroke'
(2597,27): run-time error CSS1039: Token not allowed after unary operator: '-card-stroke'
(2621,48): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000-rgb'
(2621,79): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000-rgb'
(2626,48): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0-rgb'
(2626,78): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0-rgb'
(2667,25): run-time error CSS1039: Token not allowed after unary operator: '-ylem-950'
(2668,25): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(2669,14): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2674,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(2675,14): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(2679,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(2747,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2748,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2749,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2753,15): run-time error CSS1039: Token not allowed after unary operator: '-fab-size'
(2754,14): run-time error CSS1039: Token not allowed after unary operator: '-fab-size'
(2787,20): run-time error CSS1039: Token not allowed after unary operator: '-fab-size'
(2787,38): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(2787,51): run-time error CSS1039: Token not allowed after unary operator: '-label-max'
(2789,13): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(2794,20): run-time error CSS1039: Token not allowed after unary operator: '-label-max'
(2800,26): run-time error CSS1039: Token not allowed after unary operator: '-fab-size'
(2830,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2831,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2832,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2833,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2834,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2835,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2837,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2839,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2840,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2841,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2842,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2848,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2849,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2850,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2851,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2852,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2854,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2856,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2858,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2859,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2860,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2874,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2875,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2876,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2877,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2886,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2887,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2888,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2889,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2890,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2892,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2893,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2894,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2895,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2896,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2900,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2902,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2903,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2904,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2905,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2906,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2907,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2909,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2910,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2911,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2913,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2920,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2921,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2922,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2923,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2924,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2925,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2926,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2927,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2928,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2929,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2930,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2931,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2932,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2936,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2937,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2938,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2940,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2941,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2942,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2943,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2944,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2945,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2946,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2947,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2948,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2949,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2955,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2956,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2957,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2958,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2959,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2960,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2961,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2962,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2963,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2964,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2965,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2968,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2972,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2973,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2974,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2975,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2976,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2977,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2978,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2979,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2980,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2981,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2983,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2984,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2985,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2989,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2990,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2991,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2992,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2995,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2996,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2997,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2998,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2999,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3000,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3001,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3002,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3003,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3018,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3030,18): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000'
(3042,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000'
(3043,24): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(3044,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(3049,21): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(3054,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3059,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000'
(3060,24): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(3061,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(3066,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3067,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(3067,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(3072,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-400'
(3076,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-400'
(3080,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-400'
(3084,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-400'
(3113,33): run-time error CSS1039: Token not allowed after unary operator: '-ylem-100-rgb'
(3144,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-600'
(3152,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(3156,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-200'
(3158,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000'
(3160,48): run-time error CSS1046: Expect comma, found '0'
(3160,52): run-time error CSS1046: Expect comma, found '/'
(3162,40): run-time error CSS1046: Expect comma, found '0'
(3162,44): run-time error CSS1046: Expect comma, found '/'
(3168,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(3169,35): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(3173,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3174,10): run-time error CSS1035: Expected colon, found '{'
(3185,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3186,10): run-time error CSS1035: Expected colon, found '{'
(3198,33): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000-rgb'
(3208,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(3209,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-600'
(3210,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(3218,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-shock'
(3219,31): run-time error CSS1039: Token not allowed after unary operator: '-ylem-shock'
(3227,22): run-time error CSS1039: Token not allowed after unary operator: '-ylem-orange'
(3237,22): run-time error CSS1039: Token not allowed after unary operator: '-ylem-shock'
(3240,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3268,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-600'
(3271,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(3274,48): run-time error CSS1046: Expect comma, found '0'
(3274,52): run-time error CSS1046: Expect comma, found '/'
(3276,40): run-time error CSS1046: Expect comma, found '0'
(3276,44): run-time error CSS1046: Expect comma, found '/'
(3283,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-200'
(3291,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-600'
(3292,35): run-time error CSS1039: Token not allowed after unary operator: '-ylem-600'
(3301,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(3302,24): run-time error CSS1039: Token not allowed after unary operator: '-ylem-light-1000'
(3306,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(3312,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-800'
(3313,24): run-time error CSS1039: Token not allowed after unary operator: '-ylem-700'
(3314,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-100'
(3323,33): run-time error CSS1039: Token not allowed after unary operator: '-ylem-100-rgb'
(3330,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(3334,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-200'
(3336,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-600'
(3338,48): run-time error CSS1046: Expect comma, found '0'
(3338,52): run-time error CSS1046: Expect comma, found '/'
(3340,40): run-time error CSS1046: Expect comma, found '0'
(3340,44): run-time error CSS1046: Expect comma, found '/'
(3346,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-blue'
(3347,35): run-time error CSS1039: Token not allowed after unary operator: '-ylem-blue'
(3359,33): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000-rgb'
(3364,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-shock'
(3365,35): run-time error CSS1039: Token not allowed after unary operator: '-ylem-shock'
(3386,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(3390,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-200'
(3392,17): run-time error CSS1039: Token not allowed after unary operator: '-ylem-600'
(3394,48): run-time error CSS1046: Expect comma, found '0'
(3394,52): run-time error CSS1046: Expect comma, found '/'
(3396,40): run-time error CSS1046: Expect comma, found '0'
(3396,44): run-time error CSS1046: Expect comma, found '/'
(3402,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-blue'
(3403,35): run-time error CSS1039: Token not allowed after unary operator: '-ylem-blue'
(3413,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3426,32): run-time error CSS1039: Token not allowed after unary operator: '-ylem-shock'
(3427,35): run-time error CSS1039: Token not allowed after unary operator: '-ylem-shock'
(3436,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-shock'
(3446,33): run-time error CSS1039: Token not allowed after unary operator: '-ylem-100-rgb'
(3467,33): run-time error CSS1039: Token not allowed after unary operator: '-ylem-1000-rgb'
(3477,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(3481,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
(3500,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-0'
(3519,28): run-time error CSS1039: Token not allowed after unary operator: '-ylem-900'
 */
:root {
    /* RGB VALUES */

    --ylem-0: rgb(255, 255, 255); /* #ffffff */
    --ylem-50: rgb(250, 250, 250); /* #fafafa */
    --ylem-100: rgb(245, 245, 245); /* #f5f5f5 */
    --ylem-200: rgb(229, 229, 229); /* #e5e5e5 */
    --ylem-300: rgb(212, 212, 212); /* #d4d4d4 */
    --ylem-400: rgb(163, 163, 163); /* #a3a3a3 */
    --ylem-500: rgb(115, 115, 115); /* #737373 */
    --ylem-600: rgb(82, 82, 82); /* #525252 */
    --ylem-700: rgb(64, 64, 64); /* #404040 */
    --ylem-800: rgb(38, 38, 38); /* #262626 */
    --ylem-900: rgb(23, 23, 23); /* #171717 */
    --ylem-950: rgb(10, 10, 10); /* #0a0a0a */
    --ylem-1000: rgb(4, 4, 4); /* #040404 */
    --ylem-orange: rgb(255, 82, 0); /*#ff5200*/
    --ylem-orange-darker: rgb(217, 70, 0); /*#d94600*/
    --ylem-blue: rgb(33, 53, 91); /*#21355b*/
    --ylem-blue-darker: rgb(26, 42, 73); /*#1a2a49*/
    --ylem-dark-blue: rgb(17, 24, 39); /*#111827*/
    --ylem-light-blue: rgb(64, 102, 176); /*#4066b0*/
    --ylem-teal: rgb(3, 199, 190); /*#03c7be*/
    --ylem-teal-darker: rgb(3, 169, 161); /*#03a9a1*/
    --ylem-lime: rgb(220, 253, 0); /*#dcfd00*/
    --ylem-yellow: rgb(209, 198, 59); /*#d1c63b*/
    --ylem-green: rgb(50, 205, 50); /*#32cd32*/
    --ylem-shock: rgb(80, 255, 170); /*#50ffaa*/
    --ylem-shock-darker: rgb(64, 204, 136); /*#adca00*/
    --ylem-purple: rgb(138, 43, 226); /*#8a2be2*/
    --ylem-red: rgb(242, 56, 83); /*#f23853*/
    --ylem-royal: rgb(65, 105, 225); /*#4169e1*/
    /* RGB VALUES FOR USE WITH ALPHA 
       e.g. background-color: rgba(var(--ylem-0-rgb), 0.5);
    */
    --ylem-0-rgb: 255, 255, 255;
    --ylem-50-rgb: 250, 250, 250;
    --ylem-100-rgb: 245, 245, 245;
    --ylem-200-rgb: 229, 229, 229;
    --ylem-300-rgb: 212, 212, 212;
    --ylem-400-rgb: 163, 163, 163;
    --ylem-500-rgb: 115, 115, 115;
    --ylem-600-rgb: 82, 82, 82;
    --ylem-700-rgb: 64, 64, 64;
    --ylem-800-rgb: 38, 38, 38;
    --ylem-900-rgb: 23, 23, 23;
    --ylem-950-rgb: 10, 10, 10;
    --ylem-1000-rgb: 4, 4, 4;
    --ylem-orange-rgb: 255, 82, 0;
    --ylem-orange-darker-rgb: 217, 70, 0;
    --ylem-blue-rgb: 33, 53, 91;
    --ylem-blue-darker-rgb: 26, 42, 73;
    --ylem-dark-blue-rgb: 17, 24, 39;
    --ylem-light-blue-rgb: 64, 102, 176;
    --ylem-teal-rgb: 3, 199, 190;
    --ylem-teal-darker-rgb: 3, 169, 161;
    --ylem-lime-rgb: 220, 253, 0;
    --ylem-yellow-rgb: 209, 198, 59;
    --ylem-green-rgb: 50, 205, 50;
    --ylem-shock-rgb: 80, 255, 170;
    --ylem-shock-darker-rgb: 64, 204, 136;
    --ylem-purple-rgb: 138, 43, 226;
    --ylem-red-rgb: 242, 56, 83;
    --ylem-royal-rgb: 65, 105, 225;
    /* BS COLOURS */
    --bs-primary: var(--ylem-blue) !important;
    --bs-secondary: var(--ylem-orange) !important;
    --bs-primary-rgb: var(--ylem-blue-rgb) !important;
    --bs-secondary-rgb: var(--ylem-orange-rgb) !important;
    --bs-border-color: var(--ylem-400) !important;
    --bs-dark-rgb: var(--ylem-200-rgb) !important;
    --bs-link-color: var(--ylem-orange) !important;
    --bs-link-hover-color: var(--ylem-orange) !important;
    --bs-link-color-rgb: var(--ylem-orange-rgb) !important;
    --bs-link-hover-color-rgb: var(--ylem-orange-darker-rgb) !important;
    --bs-success-rgb: var(--ylem-green-rgb) !important;
    --bs-danger-rgb: var(--ylem-red-rgb) !important;
}

.ylem-dark-mode-active {
    --bs-dark-rgb: var(--ylem-1000-rgb) !important;
}

.list-group {
    --bs-list-group-color: currentColor;
    --bs-list-group-bg: var(--ylem-0) !important;
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --bs-list-group-border-radius: var(--bs-border-radius);
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: var(--bs-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-bg);
    --bs-list-group-disabled-color: var(--bs-secondary-color);
    --bs-list-group-disabled-bg: var(--bs-body-bg);
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
}

.ylem-dark-mode-active .list-group {
    --bs-list-group-bg: var(--ylem-1000) !important;
    --bs-list-group-border-color: var(--ylem-600);
    --bs-list-group-action-hover-color: var(--ylem-0) !important;
    --bs-list-group-action-hover-bg: var(--ylem-900) !important;
}

:root {
    --app-bg-rgb: var(--ylem-0-rgb);
    --card-bg-rgb: var(--ylem-0-rgb);
    --card-stroke: rgba(var(--ylem-700-rgb), .10);
    --brand-fg: rgba(var(--ylem-1000-rgb), .9);
    --focus-ring: rgba(var(--ylem-400-rgb), .45);
    --accent-1: var(--ylem-500-rgb); /* ~#737373 */
    --accent-2: var(--ylem-600-rgb); /* ~#525252 */

    --blob1-a: .36;
    --blob2-a: .0;
    --blob-ring-a: .10;
    --blob1-w: 56rem;
    --blob1-h: 56rem;
    --blob2-w: 64rem;
    --blob2-h: 64rem;
}

html.ylem-dark-mode-active {
    --app-bg-rgb: var(--ylem-1000-rgb);
    --card-bg-rgb: var(--ylem-950-rgb);
    --card-stroke: rgba(var(--ylem-0-rgb), .08);
    --brand-fg: rgba(var(--ylem-0-rgb), .9);
    --focus-ring: rgba(var(--ylem-300-rgb), .55);
    --accent-1: var(--ylem-300-rgb); /* ~#d4d4d4 */
    --accent-2: var(--ylem-400-rgb); /* ~#a3a3a3 */

    --blob1-a: .1;
    --blob2-a: .13;
    --blob-ring-a: .10;
    --blob1-w: 56rem;
    --blob1-h: 56rem;
    --blob2-w: 64rem;
    --blob2-h: 64rem;
}
/********************************************************************
    Local Geist Font
********************************************************************/

html {
    font-synthesis: none;
}

@font-face {
    font-family: 'Geist';
    src: url('/Fonts/Geist-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geist';
    src: url('/Fonts/Geist-RegularItalic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Geist';
    src: url('/Fonts/Geist-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geist';
    src: url('/Fonts/Geist-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/********************************************************************

    General

********************************************************************/

:root {
    /*font-size: clamp(12px, 1vw, 16px) !important;*/
    font-size: 14px;
}

@media (min-width: 992px) {
    :root {
        font-size: 16px;
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.--ylem {
    /*    background-color: var(--ylem-1000);*/
    -webkit-transition: background-color ease 0.2s, color ease-in-out 0.2s;
    -moz-transition: background-color ease-in-out 0.2s, color ease-in-out 0.2s;
    -o-transition: background-color ease-in-out 0.2s, color ease-in-out 0.2s;
    transition: background-color ease-in-out 0.2s, color ease-in-out 0.2s;
}

html,
body {
    min-height: 100vh;
    margin: 0;
    padding: 0;
    width: 100%;
}

body {
    background-color: var(--ylem-100);
    color: var(--ylem-900);
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: inherit !important;
    font-weight: 400;
    padding: 48px 0 0 0;
    overflow-x: hidden;
    margin: 0;
    width: 100%;
}


@media screen and (max-width: 767px) {

    body {
        padding: 43px 0 0 0;
    }
}

/********************************************************************

    Reset

********************************************************************/

ul,
ol {
    list-style: none;
}

/********************************************************************

    Dark Mode

********************************************************************/

[color-scheme="dark"] {
    color-scheme: dark;
}

[color-scheme="light"] {
    color-scheme: light;
}

.ylem-dark-mode-active {
    background-color: var(--ylem-1000);
    color: var(--ylem-0);
}

.ylem-dark-mode-active body {
    background-color: var(--ylem-1000);
    color: var(--ylem-0);
}

/********************************************************************

BS Additions / Custom / Overrides

********************************************************************/

/*.container{
    max-width: 1800px;
    width: 96%;
}*/

@media (min-width: 1880px) {
    .row-cols-xxxl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
}

@media (min-width: 2480px) {
    .row-cols-xxxxl-6 > * {
        flex: 0 0 auto;
        width: 16.6667%;
    }
}

@media (min-width: 3100px) {
    .row-cols-xxxxxl-8 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}

.grid-row-full {
    grid-row: 1;
    grid-column: 1;
    grid-column-end: 12;
}

.minh-100 {
    min-height: calc(100vh - 48px) !important;
}

.minh-auto {
    min-height: auto !important;
}

.fw-semi {
    font-weight: 600 !important;
}

b, strong {
    font-weight: 600 !important;
}

.border-light {
    border-color: var(--ylem-400) !important;
}

--bs-border-color {
    border-color: var(--ylem-400) !important;
}

.text-dim {
    --bs-text-opacity: 1;
    color: var(--ylem-500) !important;
}

.opacity-10 {
    opacity: 0.1 !important;
}

.current-color{
    color: currentColor !important;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-notallowed {
    cursor: not-allowed;
}

.cursor-copy {
    cursor: copy;
}

.z-9 {
    z-index: 9999 !important;
}

.small {
    font-size: 0.8rem !important;
}

.table > :not(caption) > * > * {
    background-color: transparent !important;
}

.backdrop-blur {
    background-color: rgba(var(--ylem-100-rgb),0.8);
    backdrop-filter: blur(10px);
}

.ylem-dark-mode-active .backdrop-blur {
    background-color: rgba(var(--ylem-1000-rgb),0.8);
    backdrop-filter: blur(10px);
}

.striped-row {
    background-color: rgba(255,255,255,0.8);
}

.ylem-dark-mode-active .striped-row {
    background-color: rgba(var(--ylem-800-rgb),0.4);
}

@media (min-width:1024px) {
    .position-lg-sticky {
        position: sticky !important;
    }

    .fs-big {
        font-size: clamp(24px, calc(44px + (10000vw - 192000px) / 1920), 100px) !important;
    }

    .h-md-50 {
        height: 50% !important;
    }
}

.form-check-input {
    --bs-form-check-bg: var(--ylem-700);
    border: none;
    cursor: pointer;
}

.form-check-label {
    cursor: pointer;
}

.form-switch .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-select:disabled {
    background-color: inherit;
}

.form-check-input:checked {
    background-color: var(--ylem-700);
    border-color: var(--ylem-700);
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%2303c7be' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2303c7be'/%3e%3c/svg%3e");
}


.form-check-input:focus {
    border-color: var(--bs-black);
    outline: 0;
    box-shadow: none;
}

.btn-active {
    background-color: var(--ylem-orange) !important;
    border-color: var(--ylem-orange) !important;
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: var(--ylem-orange) !important;
}

.ylem-dark-mode-active .border-primary {
    border-color: var(--shock) !important;
}

.bg-shock {
    --bs-bg-opacity: 1;
    background-color: var(--ylem-orange) !important;
    color: var(--ylem-0) !important;
}

.ylem-dark-mode-active .bg-shock {
    background-color: var(--ylem-shock) !important;
    color: var(--ylem-1000) !important;
}

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

.ylem-dark-mode-active .bg-dark {
    background-color: var(--ylem-1000) !important;
}

/********************************************************************

Dark Mode

********************************************************************/
.ylem-dark-mode-active .form-check-input {
    --bs-form-check-bg: var(--ylem-700);
    border: none;

}

    .ylem-dark-mode-active .form-check-input:checked {
        background-color: var(--ylem-700);
        border-color: var(--ylem-700);
    }

        .ylem-dark-mode-active .form-check-input:checked[type=checkbox] {
            --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%2350ffaa' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
        }

.ylem-dark-mode-active .form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.ylem-dark-mode-active .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.ylem-dark-mode-active .form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2350ffaa'/%3e%3c/svg%3e");
}

.ylem-dark-mode-active .form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2350ffaa'/%3e%3c/svg%3e");
}

.ylem-dark-mode-active .border-light {
    border-color: var(--ylem-600) !important;
}

.ylem-dark-mode-active .btn-active {
    background-color: var(--ylem-shock) !important;
    border-color: var(--ylem-shock) !important;
    color: var(--ylem-1000) !important;
}

@media screen and (max-device-width: 767px) {
    .minh-100 {
        min-height: -webkit-fill-available !important;
    }
}

@media (min-width: 1536px) {
    .container-max {
        max-width: 1920px;
    }
}

[data-bs-theme=dark] {
    --bs-body-bg: var(--ylem-900);
    --bs-body-bg-rgb: var(--ylem-900-rgb);
    --bs-border-color: var(--ylem-600) !important;
}

.modal {
    z-index: 9999;
}

.modal-backdrop.show {
    z-index: 9999 !important;
}


.inverter-history-modal .modal-dialog {
    
}

.inverter-history-modal .modal-content {
    width: 70dvw;
    max-width: 70dvw;
    min-width: 300px;
    margin: 1.75rem auto;
    height: auto;
}

.inverter-history-modal .modal-body,
.inverter-history-modal .modal-header {
    flex: 0 0 auto;
}

.inverter-history-modal .modal-body {
    flex: 1 1 auto;
    overflow: hidden;
}
.array-info-modal .modal-dialog {
    margin: 0;
}

.array-info-modal .modal-content {
    max-width: calc(100vw - 16px);
    max-height: calc(100vh - 16px);
    overflow: auto;
}


.form-range::-webkit-slider-thumb { background-color: var(--ylem-shock); border: 0; }
.form-range::-moz-range-thumb    { background-color: var(--ylem-shock); border: 0; }
.form-range::-ms-thumb           { background-color: var(--ylem-shock); border: 0; }


.form-range:active::-webkit-slider-thumb { background-color: var(--ylem-shock-darker); }
.form-range:active::-moz-range-thumb     { background-color: var(--ylem-shock-darker); }

.form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 .25rem rgba(255,107,107,.25); }
.form-range:focus::-moz-range-thumb     { box-shadow: 0 0 0 .25rem rgba(255,107,107,.25); }

#grid-size-input::-webkit-inner-spin-button,
#grid-size-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
#grid-size-input {
    -moz-appearance: textfield;
}

.dashboard-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 3000;
  display: grid;
  place-items: center;
  padding: 24px;
  height: 100vh;
  height: 100dvh; 
  box-sizing: border-box;
}

.ylem-dark-mode-active .dashboard-modal-overlay.backdrop-blur {
  background-color: rgba(var(--ylem-1000-rgb), 0.8);
}

.dashboard-modal-card {
  width: 90vw;
  max-width: 800px;
  max-height: calc(100dvh - 48px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin: 0;
  min-height: 0; /* important */
}

.dashboard-modal-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

.sticky-heading {
  position: sticky;
  top: 0;
  background: inherit;
  z-index: 1;
}


@media (max-width: 767px) {
  .dashboard-modal-overlay {
    display: block; 
    padding: 12px;
    overflow-y: auto; 
    -webkit-overflow-scrolling: touch;
  }

  .dashboard-modal-card {
    max-height: none;         
    height: auto;
    margin: 12px auto; 
  }

  .dashboard-modal-scroll {
    overflow: visible; 
  }
}

.tooltip {
    z-index: 2300;
}

.tooltip .tooltip-inner {
  background-color: var(--ylem-700) !important;
  color: var(--ylem-0) !important;
  font-weight: 600;
  font-size: 0.75rem;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: var(--ylem-700) !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: var(--ylem-700) !important;
}

.tooltip.bs-tooltip-start .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: var(--ylem-700) !important;
}

.tooltip.bs-tooltip-end .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: var(--ylem-700) !important;
}


.ylem-dark-mode-active .tooltip .tooltip-inner {
    background-color: var(--ylem-700) !important;
    color: var(--ylem-0) !important;
}

.ylem-dark-mode-active .tooltip.bs-tooltip-top .tooltip-arrow::before,
.ylem-dark-mode-active .tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: var(--ylem-700) !important;
}

.ylem-dark-mode-active .tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.ylem-dark-mode-active .tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: var(--ylem-700) !important;
}

.ylem-dark-mode-active .tooltip.bs-tooltip-start .tooltip-arrow::before,
.ylem-dark-mode-active .tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: var(--ylem-700) !important;
}

.ylem-dark-mode-active .tooltip.bs-tooltip-end .tooltip-arrow::before,
.ylem-dark-mode-active .tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: var(--ylem-700) !important;
}


.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.3rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: currentColor;
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: var(--ylem-orange);
    --bs-pagination-active-border-color: var(--ylem-orange);
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    padding-left: 0;
    list-style: none;
}

html.ylem-dark-mode-active .pagination {
    --bs-pagination-active-bg: var(--ylem-shock);
    --bs-pagination-active-border-color: var(--ylem-shock);
    --bs-pagination-active-color: var(--ylem-1000);
}
.--ylem .container_12 .grid_12 {
    width: 100%;
    margin: 0;
    padding: 0;
}

.--ylem .container_12 .grid_6 {
    width: 50%;
    margin: 0;
    padding: 0;
}

.--ylem .container_12 .grid_5 {
    width: 66%;
    width: calc(100% / 3 * 2);
    margin: 0;
    padding: 0;
}

.--ylem .container_12 .grid_12 {
    width: 1920px;
    margin: 0 auto;
    padding: 0;
    width: 100vw;
    float: none;
    display: block;
    justify-items: center;
    align-items: center;
    max-width: 100%;
}

.--ylem .container_12 .grid_5 {
    width: 66%;
    width: calc(100% / 3 * 2);
    margin: 0;
    padding: 0;
    float: none;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.--ylem .container_12 .grid_4 {
    width: calc(100% / 3);
    margin: 0;
    padding: 0;
    float: none;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.--ylem .container_12 .grid_6 {
    width: 50%;
    margin: 0 auto;
    padding: 0;
    float: none;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.--ylem .container_12 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    text-align: center;
}

.--ylem .container_12 {
    position: relative;
    width: 94%;
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
    display: flex;
    flex-direction: column;
}

.ylem-container-full {
    max-width: 100%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 60px);
}


@media only screen and (max-width: 1024px) {

    .--ylem .container_12 .grid_4 {
        width: 100%;
        display: block;
    }
}

@media (max-width: 767px) {
    .ylem-container-full {
        max-width: 100%;
    }
}
/******************************************************************

	YLEM Header

******************************************************************/

.ylem-header {
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2100;
    border-bottom: 1px solid var(--ylem-300);
    border-bottom: none;
    pointer-events: none;
    height: 48px;
}

    .ylem-header a,
    .ylem-header button,
    .ylem-header input {
        pointer-events: auto;
    }


.ylem-header__logo {
    width: 120px;
    min-width: 100px;
}

.ylem-header__title {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    font-size: 1.2rem;
    position: absolute;
    bottom: -74px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 80vw;
    background-color: white;
    padding: 0.5em 2em;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    opacity: 1;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.ylem-header__title-standard {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    font-size: 1.2rem;
    max-width: 200px;
}

.ylem-header__info-button {
    border: none;
    display: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

    .ylem-header__info-button span {
        display: block;
        width: 22px;
        height: 22px;
        line-height: 22px;
        font-size: 1rem;
        font-weight: 600;
        background-color: var(--ylem-600);
        color: var(--ylem-0);
        -webkit-border-radius: 9999px;
        -moz-border-radius: 9999px;
        border-radius: 9999px;
    }

.ylem-header-scrolled .ylem-header__title {
    opacity: 0;
}

.ylem-header button i {
    width: 32px;
    height: 32px;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

    .ylem-header button i svg {
        fill: var(--ylem-600);
        width: 8px;
    }

.ylem-header__home i {
    display: flex;
}

    .ylem-header__home i svg {
        fill: var(--ylem-700);
        width: 19px;
    }

@media screen and (max-width: 992px) {
    .ylem-header__logo {
        width: 100px;
    }
}

/******************************************************************

	YLEM Header Date Switch

******************************************************************/
.ylem-header__date-switch {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    position: relative;
}

    .ylem-header__date-switch:after {
        content: '';
        width: 2px;
        height: 16px;
        background-color: var(--ylem-grey-400);
        position: absolute;
        right: -20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.ylem-header__date-button {
    background-color: transparent;
    color: var(--ylem-600);
    border: 2px solid var(--ylem-400);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    width: 32px;
    height: 32px;
    line-height: 32px;
}

.ylem-header__date-current {
    font-size: 1rem;
    font-weight: 600;
}

/******************************************************************

    YLEM Header Meters

******************************************************************/
.ylem-header__meters {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    position: relative;
}

    .ylem-header__meters:after {
        content: '';
        width: 2px;
        height: 16px;
        background-color: var(--ylem-grey-400);
        position: absolute;
        right: -20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.ylem-header__meter-select--wrapper {
    position: relative;
}

.ylem-header__meter-select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    outline: 0;
    font: inherit;
    width: 100%;
    max-width: 600px;
    min-width: 100px;
    width: 150px;
    height: 32px;
    padding: 0 2rem 0 1rem;
    cursor: pointer;
    border: 2px solid var(--ylem-400);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-size: 1rem;
    font-weight: 600;
}

.ylem-header__meter-select--wrapper i {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .ylem-header__meter-select--wrapper i svg {
        fill: var(--ylem-600);
        width: 14px;
    }

.ylem-header__meter-select option {
    color: var(--ylem-600);
    background-color: white;
}

.ylem-header__meter-select:focus {
    outline: none;
}

.ylem-header__meter-select::-ms-expand {
    display: none;
}

.ylem-header__meter-button {
    background-color: transparent;
    color: black;
    border: 2px solid var(--ylem-400);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    width: 32px;
    height: 32px;
    line-height: 32px;
}

    .ylem-header__meter-button i {
        width: 24px;
        height: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .ylem-header__meter-button i svg {
            fill: var(--ylem-600);
            width: 8px;
        }

.ylem-header__meter-current {
    font-weight: 600;
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.ylem-header button.ylem-dark-mode {
    background: none;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .ylem-header button.ylem-dark-mode i {
        width: 15px;
        height: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .ylem-header button.ylem-dark-mode i.ylem-dark-mode--sun {
            width: 20px;
            height: 20px;
        }

        .ylem-header button.ylem-dark-mode i svg {
            width: 100%;
            height: auto;
            fill: var(--ylem-600);
        }

    .ylem-header button.ylem-dark-mode .ylem-dark-mode--sun {
        display: none;
    }

.ylem-header__light {
    display: block;
}

.ylem-header__dark {
    display: none;
}

/******************************************************************

	YLEM Header Hamburger

******************************************************************/

.ylem-menu-btn {
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    color: var(--ylem-600);
    background: none !important;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.ylem-menu-btn-icon {
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 0;
    margin: 0;
    gap: 4px;
}

.ylem-menu-btn-icon span {
    width: 18px;
    height: 2px;
    background-color: var(--ylem-600);
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ylem-menu-btn-icon.is-active span:nth-child(1) {
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px);
}

.ylem-menu-btn-icon.is-active span:nth-child(3) {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
}


.ylem-dark-mode-active .ylem-menu-btn {
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    color: var(--ylem-700);
}

.ylem-dark-mode-active .ylem-menu-btn-icon span {
    background-color: var(--ylem-0);
}

.ylem-header__right svg {
    width: 16px;
    height: 16px;
    display: block;
}

/******************************************************************

	YLEM Header Responsive

******************************************************************/
@media screen and (max-width: 992px) {
    #ylem__header {
        height: 40px;
    }

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

    .ylem-header__title {
        display: none;
    }

    .ylem-header__date-switch {
        display: none;
    }
}

@media screen and (max-width: 767px) {

    .ylem-header__title-standard {
        display: none;
    }

    .ylem-header__meter-select {
        display: none;
    }

    .ylem-header__meters:after {
        display: none;
    }

    .ylem-header__meter-pages {
        display: none;
    }
}


/******************************************************************

	YLEM Header Dark Mode

******************************************************************/


.ylem-dark-mode-active .ylem-header {
    border-bottom: 1px solid var(--ylem-700);
    border-bottom: none;
    color: var(--ylem-0);

}

    .ylem-dark-mode-active .ylem-header button.ylem-dark-mode i svg {
        fill: var(--ylem-0);
    }

    .ylem-dark-mode-active .ylem-header button.ylem-dark-mode .ylem-dark-mode--sun {
        display: flex;
    }

    .ylem-dark-mode-active .ylem-header button.ylem-dark-mode .ylem-dark-mode--moon {
        display: none;
    }

.ylem-dark-mode-active .ylem-header__light {
    display: none;
}

.ylem-dark-mode-active .ylem-header__dark {
    display: block;
}

.ylem-dark-mode-active .ylem-header__info-button span {
    background-color: var(--ylem-0);
    color: var(--ylem-1000);
}

.ylem-dark-mode-active .ylem-header__date-button {
    color: var(--ylem-0);
}

.ylem-dark-mode-active .ylem-header__meter-select {
    color: var(--ylem-0);
}

.ylem-dark-mode-active .ylem-header__meter-select--wrapper i svg {
    fill: var(--ylem-0);
}

.ylem-dark-mode-active .ylem-header__meter-button i svg {
    fill: var(--ylem-1000);
}

.ylem-dark-mode-active .ylem-header__home i svg {
    fill: var(--ylem-0);
}


.ylem-dm-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 60px;
    height: 22px;
    display: inline-block;
    position: relative;
    border-radius: 9999px;
    overflow: hidden;
    outline: none;
    border: none;
    cursor: pointer;
    background-color: var(--ylem-700);
    transition: background-color ease 0.3s;
}

    .ylem-dm-toggle:after {
        content: 'Light';
        position: absolute;
        font-size: 11px;
        line-height: 16px;
        font-weight: 600;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding-left: 14px;
        color: var(--ylem-0);
    }

    .ylem-dm-toggle:before {
        content: "";
        display: block;
        position: absolute;
        z-index: 2;
        width: 16px;
        height: 16px;
        background: var(--ylem-100);
        left: 3px;
        top: 3px;
        border-radius: 9999px;
        white-space: nowrap;
        box-shadow: none;
        border: none;
        transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s;
    }

    .ylem-dm-toggle:checked {
        border: none;
    }

        .ylem-dm-toggle:checked:before {
            left: 41px;
            background: var(--ylem-shock);
        }

        .ylem-dm-toggle:checked:after {
            content: 'Dark';
            padding-left: 0;
            padding-right: 16px;
        }

/****Header minimum */

.ylem-schematics-viewer body {
    background-color: var(--ylem-0) !important;
    padding: 0 !important;
}

.ylem-header--min,
.ylem-dark-mode-active .ylem-header--min {
    background-color: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    border: none !important;
}

    .ylem-header--min .ylem-dm-toggle {
        display: none !important;
    }

    .ylem-header--min .ylem-header__logo {
        display: none !important;
        width: 100px !important;
    }

.optimise-schematics-viewer body {
    padding: 0 !important;
    overflow: hidden !important;
}

.optimise-schematics-viewer .optimise-header--min {
    /*background-color: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;*/
    border: none !important;
    background-color: rgba(var(--ylem-0-rgb), 1);
}

.ylem-dark-mode-active .optimise-header--min {
    background-color: rgba(var(--ylem-1000-rgb), 1);
}

.optimise-header--min .ylem-header__logo {
    width: 100px !important;
}
    /******************************************************************

    RESPONSIVE

*******************************************************************/
    @media screen and (max-width: 1024px) {
    }

    @media screen and (max-width: 767px) {
        .edit-meters-btn {
            display: none !important;
        }

        .invoices-btn {
            display: none !important;
        }

        .ylem-header__info-button {
            display: none !important;
        }

        .controls-toggle-button {
            position: fixed;
            top: 3rem;
            left: 0rem;
            z-index: 9999;
            border-radius: 0 20px 20px 0 !important;
        }
    }

/* User menu */
.user-menu-wrap { position: relative; }
.user-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  min-width: 240px;
  background-color: rgba(var(--ylem-0-rgb), 0.95);
  backdrop-filter: blur(10px);
  border-radius: 1rem;
  padding: 0.75rem;
  display: none;
  z-index: 9999;
}
.user-menu.open { display: block; }

.ylem-dark-mode-active .user-menu {
  background-color: rgba(var(--ylem-1000-rgb), 0.95);
}
.y-menu {
    min-height: 0;
    max-height: 0;
    position: relative;
    -webkit-transition: min-height .25s ease-out;
    -moz-transition: min-height .25s ease-out;
    -o-transition: min-height .25s ease-out;
    transition: min-height .25s ease-out;
    will-change: min-height;
    background-color: var(--ylem-100);
    transform: translateY(-1px);
}

.optimise-menu {
    background-color: var(--ylem-200);
    border-bottom: 1px solid none;
}

.y-menu-dashboard-list {
    max-height: auto;
    overflow: auto;
}

@media (min-width: 992px) {
    .y-menu-dashboard-list {
        max-height: 190px;
        overflow: auto;
    }
}

.ylem-menu-active {
    border-bottom: 1px solid var(--ylem-300);
}

.y-menu__item {
    margin-bottom: 2rem;
    opacity: 0;
}

.y-menu__item--split {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 600px;
}

.ylem-menu-active .y-menu__item {
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.y-menu__title {
    color: var(--ylem-600);
    font-size: 0.8em;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.y-menu__heading {
    font-size: clamp(1.2rem, calc(1rem + 2.64vw), 1.5rem);
    font-weight: 600;
    margin: 0 0 2rem;
    color: var(--ylem-900);
}

.y-menu__list {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 300px;
    overflow: auto;
    width: max-content;
    max-width: 100%;
}

.y-menu__list-item {
    color: var(--ylem-900);
    margin: 0;
}

.y-menu__list-item a {
    display: flex;
    padding: 0.5rem 0;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    border-radius: 9999px;
    align-items: center;
    gap: 0.5rem;
}

.y-menu__list-item a:hover {
    color: var(--ylem-900);
}

.y-menu__list-item ul {
    max-height: 0;
    overflow: hidden;
    will-change: max-height;
    transition: all 0.25s ease-out;
}

.y-menu__list-item ul li {
    margin: 0 0 0 1rem;
}

.y-menu__list-item ul li a {
    background-color: transparent;
    font-weight: normal;
}

.y-menu__list-item a i {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    font-size: 0.6rem;
    margin-left: 0.5rem;
    color: var(--ylem-900);
}

.y-menu__list-item--active {
    color: var(--ylem-900);
}

.y-menu__list-item--active a:not(.y-menu__list-item--name):hover {
    color: var(--ylem-orange);
}

.y-menu__list-item--name span {
    display: block;
    color: var(--ylem-900);
    font-size: 1rem;
}

.y-menu__list-item--name span::after {
    content: "+";
    position: relative;
}

.y-menu__list-item--active .y-menu__list-item--name span::after {
    content: '-';
}

.y-menu__close {
    padding: 0.5rem 2rem;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    border-radius: 9999px;
    background-color: var(--ylem-900);
    color: var(--ylem-0);
    /*position: absolute;
    left: 50%;
    bottom: 2rem;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);*/
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 0;
    cursor: pointer;
    -moz-transition: background-color ease 0.2s;
    -o-transition: background-color ease 0.2s;
    -webkit-transition: background-color ease 0.2s;
    transition: background-color ease 0.2s;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.y-menu__close:hover {
    background-color: var(--ylem-700);
}

@media (max-width: 991px) {
    .ylem-menu-btn--text{
        display: none;
    }
}
/******************************************************************

	YLEM Menu Toggle Switch

******************************************************************/

.y-menu__toggle {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.y-menu__toggle-label {
    font-weight: 600;
    cursor: pointer;
}

.y-menu__switch {
    position: relative;
    display: inline-block;
    width: 64px;
    height: 32px;
}

.y-menu__switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.y-menu__slider {
    background-color: var(--ylem-0);
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    border-radius: 9999px;
    border: 2px solid var(--ylem-400);
}

.y-menu__slider:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    left: 4px;
    top: 4px;
    background-color: var(--ylem-900);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    border-radius: 9999px;
}

.y-menu__toggle input:checked+.y-menu__slider {
    background-color: var(--ylem-0);
    border-color: var(--ylem-orange);
}

.y-menu__toggle input:checked+.y-menu__slider:before {
    -webkit-transform: translateX(32px);
    -ms-transform: translateX(32px);
    transform: translateX(32px);
    background-color: var(--ylem-orange);
}

.y-menu__slider:hover {
    border-color: var(--ylem-900);
}

.y-menu__button--active {
    background-color: var(--ylem-orange);
    color: var(--ylem-0);
    border-color: var(--ylem-orange);
    pointer-events: none;
}

/******************************************************************
    YLEM Menu Switch Period
******************************************************************/

.y-menu__date-current{
    min-width: 120px;
text-align: center;
}
/******************************************************************
	YLEM Menu Reset Button
******************************************************************/
.y-menu__reset {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
}

.y-menu__reset-button {
    background-color: var(--ylem-300);
    color: var(--ylem-900);
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
    margin: 0;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    border-radius: 9999px;
    -moz-transition: background-color ease 0.2s;
    -o-transition: background-color ease 0.2s;
    -webkit-transition: background-color ease 0.2s;
    transition: background-color ease 0.2s;
    padding: 0.5rem 2rem;
    border: none;
    font-weight: 600;
}

.y-menu__reset-button:hover {
    background-color: var(--ylem-200);
    color: var(--ylem-900);
}

/******************************************************************
	YLEM Menu Loading
******************************************************************/

.y-menu__loading {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-transition: opacity ease 0.2s;
    -o-transition: opacity ease 0.2s;
    -webkit-transition: opacity ease 0.2s;
    transition: opacity ease 0.2s;
    pointer-events: none;
    opacity: 0;
}



.y-menu--wait {
    pointer-events: none;
}

.y-menu--wait .y-menu__loading {
    opacity: 1;
}

/******************************************************************
    YLEM Menu Tabs
******************************************************************/

.y-menu__tabs {
    width: 100%;
    margin-bottom: 1.5rem;
    grid-column: 1;
    grid-row: 1;
    justify-content: center;
    gap: 40px;
    display: none;
}

.y-menu__tabs button {
    background-color: transparent;
    border: none;
    outline: none;
    font: inherit;
    color: var(--ylem-400);
    cursor: pointer;
    padding: 0.5rem 0;
    font-weight: 600;
    line-height: 1;
    -webkit-transition: background-color ease 0.2s;
    -moz-transition: background-color ease 0.2s;
    -o-transition: background-color ease 0.2s;
    transition: background-color ease 0.2s;
}

.y-menu__tabs .y-menu__tabs--active {
    border-bottom: 2px solid var(--ylem-0);
    color: var(--ylem-0);
}

/******************************************************************
    YLEM Menu Jump
******************************************************************/

.y-menu__jump {
    background-color: var(--ylem-900);
    border: none;
    color: var(--ylem-0);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    border-radius: 9999px;
    cursor: pointer;
    width: auto;
    height: 32px;
    line-height: 32px;
    font-size: 1rem;
    padding: 0.5rem 2rem;
    font-weight: 600;
    position: fixed;
    bottom: 1.5rem;
    left: 50%;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity ease 0.2s;
    -moz-transition: opacity ease 0.2s;
    -o-transition: opacity ease 0.2s;
    transition: opacity ease 0.2s;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.y-menu__jump i {
    font: inherit;
}

@media (prefers-color-scheme: dark) {
    .ylem-dark-mode-active .y-menu__jump {
        background-color: var(--ylem-0);
        color: var(--ylem-900);
    }
}

/******************************************************************
    Menu Responsive
*******************************************************************/

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

@media (max-width: 1280px) {
    .y-menu__column--inner {
        width: 100%;
        padding-left: 2rem;
    }
}

@media (max-width: 991px) {

    .y-menu__container {
        padding: 2rem 0;
    }

    .y-menu__inner {
        display: flex;
    }

    .y-menu__inner .y-menu__inner {
        display: block;
    }

    .y-menu__column {
        width: 100%;
        grid-column: 1;
        grid-row: 1;
    }

    .y-menu--controls {
        opacity: 1;
    }

    .y-menu--apps {
        opacity: 0;
        pointer-events: none;
    }

    .y-menu__heading {
        display: none;
    }

    .y-menu__close {
        display: none;
    }

    .y-menu__item--split {
        display: flex;
        flex-direction: column;
        gap: 20px;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .y-menu__reset {
        justify-content: center;
    }

    .y-menu__list {
        width: 100%;
        height: 200px;
        overflow: hidden;
        overflow-y: auto;
    }

    .y-menu--controls {
        width: 100%;
        height: 280px;
        height: calc(100vh - 160px);
        overflow: hidden;
        overflow-y: auto;
    }
}



@media (max-width: 768px) {

  /* html.ylem-menu-active {
        overflow: hidden;
    }*/

    .y-menu__column--inner {
        padding: 0;
    }

    .y-menu__column--inner {
        width: 100%;
        padding: 0;
        display: flex;
        align-items: center;
    }

    .y-menu__list-item {
        text-align: center;
        width: 100%;
    }

    .y-menu__toggle,
    .y-menu__reset {
        justify-content: center;
    }

    .y-menu__jump {
        display: none;
    }
}

/******************************************************************

    YLEM Menu Dark Mode

******************************************************************/



    .ylem-dark-mode-active .y-menu {
        background-color: var(--ylem-1000);
    }

.ylem-dark-mode-active .optimise-menu {
    background-color: var(--ylem-1000);
    border-bottom: 1px solid transparent;
}

    .ylem-dark-mode-active .ylem-menu-active {
        border-bottom: 1px solid var(--ylem-700);
    }

    .ylem-dark-mode-active .y-menu__jump {
        background-color: var(--ylem-0);
        color: var(--ylem-1000);
    }

    .ylem-dark-mode-active .y-menu__heading {
        color: var(--ylem-0);
    }

    .ylem-dark-mode-active .y-menu__title {
        color: var(--ylem-grey-400);
    }

    .ylem-dark-mode-active .y-menu__list-item {
        color: var(--ylem-400);
    }

    .ylem-dark-mode-active .y-menu__list-item a:hover {
        color: var(--ylem-0);
    }

    .ylem-dark-mode-active .y-menu__list-item a i {
        color: var(--ylem-0);
    }

    .ylem-dark-mode-active .y-menu__list-item--active {
        color: var(--ylem-0);
    }

    .ylem-dark-mode-active .y-menu__list-item--active a:not(.y-menu__list-item--name):hover {
        color: var(--ylem-orange);
    }

    .ylem-dark-mode-active .y-menu__list-item--name span {
        color: var(--ylem-0);
    }

    .ylem-dark-mode-active .y-menu__close {
        background-color: var(--ylem-0);
        color: var(--ylem-900);
    }

    .ylem-dark-mode-active .y-menu__close:hover {
        background-color: var(--ylem-300);
    }

    .ylem-dark-mode-active .y-menu__slider {
        background-color: var(--ylem-900);
        border: 2px solid var(--ylem-600);
    }

    .ylem-dark-mode-active .y-menu__slider:before {
        background-color: var(--ylem-0);
    }

    .ylem-dark-mode-active .y-menu__toggle input:checked+.y-menu__slider {
        background-color: var(--ylem-900);
        border-color: var(--ylem-orange);
    }

    .ylem-dark-mode-active .y-menu__toggle input:checked+.y-menu__slider:before {
        background-color: var(--ylem-orange);
    }

    .ylem-dark-mode-active .y-menu__slider:hover {
        border-color: var(--ylem-0);
    }

    .ylem-dark-mode-active .y-menu__select {
        color: var(--ylem-0);
        background-color: var(--ylem-900);
        border: 2px solid var(--ylem-400);
    }

    .ylem-dark-mode-active .y-menu__select:hover {
        border: 2px solid var(--ylem-0);
    }

    .ylem-dark-mode-active .y-menu__select-wrap i svg {
        fill: var(--ylem-0);
    }

    .ylem-dark-mode-active .y-menu__select option {
        color: inherit;
        background-color: var(--ylem-900);
    }

    .ylem-dark-mode-active .y-menu__button--active {
        background-color: var(--ylem-shock);
        color: var(--ylem-1000);
        border-color: var(--ylem-shock);
        pointer-events: none;
    }

    .ylem-dark-mode-active .y-menu__date-button {
        background-color: var(--ylem-0);
    }

    .ylem-dark-mode-active .y-menu__date-current {
        color: var(--ylem-0);
    }

    .ylem-dark-mode-active .y-menu__date-button i svg {
        fill: var(--ylem-900) !important;
    }

    .ylem-dark-mode-active .y-menu__date-select {
        color: var(--ylem-0);
        color-scheme: dark;
    }

    .ylem-dark-mode-active .y-menu__date-select option {
        background-color: var(--ylem-900);
    }

    .ylem-dark-mode-active .y-menu__reset-button {
        background-color: var(--ylem-600);
        color: var(--ylem-0);
    }

    .ylem-dark-mode-active .y-menu__reset-button:hover {
        background-color: var(--ylem-500);
        color: var(--ylem-0);
    }


.y-menu-dashboard-list-children {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.opened {
    max-height: max-content;
}

.parent-active {
    color: var(--ylem-orange);
    font-weight: 600;
    opacity: 1 !important;
}

.y-menu .underlined {
    background: linear-gradient(0deg, var(--ylem-400), var(--ylem-400)) no-repeat right bottom / 0 var(--bg-h);
    -moz-transition: background-size 350ms, opacity 350ms;
    -o-transition: background-size 350ms, opacity 350ms;
    -webkit-transition: background-size 350ms, opacity 350ms;
    transition: background-size 350ms, opacity 350ms;
    padding-bottom: 3px;
    --bg-h: 1px;
    opacity: 0.8;
}

.ylem-dark-mode-active .y-menu .underlined {
    opacity: 0.6;
}


@media (min-width: 992px) {
    .y-menu .underlined:where(:hover, :focus-visible) {
        background-size: 100% var(--bg-h);
        background-position-x: left;
        opacity: 1;
    }


}

@media (max-width: 992px) {
    .y-menu-dashboard-list {
        max-height: 192px;
    }
    .menu-list {
        max-height: 192px;
        overflow: hidden;
        overflow-y: auto;
    }
}

.ylem-dark-mode-active .parent-active {
    color: var(--ylem-shock);
    opacity: 1 !important
}

.header-nav-cta {
    cursor: pointer;
    padding: 10px 0;
    width: 100%;
}


.header-nav-cta svg {
	width: 10px;
	height: auto;
	opacity: 1;
	transition: all ease 0.2s;
}
.y-menu-dashboard-list li a, 
.menu-list a span {
    opacity: 0.6;
    -moz-transition: opacity ease-in-out 0.2s;
    -o-transition: opacity ease-in-out 0.2s;
    -webkit-transition: opacity ease-in-out 0.2s;
    transition: opacity ease-in-out 0.2s;
}

.menu-list a .applist-icon {
    opacity: 1;
    -moz-transition: opacity ease-in-out 0.2s;
    -o-transition: opacity ease-in-out 0.2s;
    -webkit-transition: opacity ease-in-out 0.2s;
    transition: opacity ease-in-out 0.2s;
}

.ylem-dark-mode-active .menu-list a .applist-icon {
    opacity: 1;
    border: 1px solid var(--ylem-800);
}

.y-menu-dashboard-list li a:hover,
.menu-list a:hover .applist-icon,
.menu-list a:hover span {
    opacity: 1;
}
/******************************************************************

	YLEM Site Details

******************************************************************/

.ylem-site-details {
    background-color: var(--ylem-0);
    background-color: rgba(var(--ylem-0-rgb), 0.75);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    color: var(--ylem-900);
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .1s ease-out;
    -moz-transition: opacity .1s ease-out;
    -o-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
    text-align: left;
}

.ylem-site-details--active {
    opacity: 1;
    pointer-events: auto;
}

.ylem-site-details__inner {
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 2rem 4%;
    color: var(--ylem-900);
}

.ylem-site-details__inner-item:nth-child(1) {
    width: 40%;
    margin: auto;
}

.ylem-site-details__inner-item:nth-child(2) {
    width: 60%;
}

.ylem-site-details__name {
    font-size: 80px;
    font-size: calc(80px + (6500vw - 192000px)/ 1920);
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 2rem;
}

.ylem-site-details__logo {
    width: 100%;
    max-width: 120px;
    margin-top: 2rem;
}

.ylem-site-details__companyinfo {
    display: flex;
    flex-direction: row;
    margin-left: 2rem;
}

.ylem-site-details__companyinfo ul {
    margin: 0 1rem;
    width: 50%;
}

.ylem-site-details__companyinfo ul li {
    border-bottom: 1px solid var(--ylem-400);
    padding: 0.5rem 0;
    margin-bottom: 0.5rem;
}

.ylem-site-details__companyinfo ul li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.ylem-site-details__title {
    color: var(--ylem-600);
    font-size: 0.8em;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.ylem-site-details__data {
    font-size: 1.2em;
    font-weight: 600;
    color: var(--ylem-900)
}

/******************************************************************

	YLEM Site Details Responsive

******************************************************************/

@media screen and (max-width: 1024px) {
    .ylem-site-details__inner {
        flex-direction: column;
        min-height: 100vh;
        justify-content: start;
        overflow: auto;
    }

    .ylem-site-details__inner-item:nth-child(1) {
        width: 100%;
        margin: 5rem 0 0;
    }

    .ylem-site-details__inner-item:nth-child(2) {
        width: 100%;
        margin-bottom: 2rem;
    }

    .ylem-site-details__name {
        font-size: 1.4em;
    }

    .ylem-site-details__companyinfo {
        flex-direction: column;
        margin-left: 0;
    }

    .ylem-site-details__companyinfo ul {
        width: 100%;
        margin: 0;
    }

    .ylem-site-details__companyinfo ul li {
        border-bottom: none;
        margin-bottom: 0;
        padding: 0;
    }

    .ylem-site-details__logo {
        display: none;
    }
}

/******************************************************************

    YLEM Site Details Dark Mode

******************************************************************/


    .ylem-dark-mode-active .ylem-site-details {
        background-color: var(--ylem-900);
        background-color: rgba(var(--ylem-1000-rgb), 0.75);
        color: var(--ylem-0);
        -webkit-backdrop-filter: blur(40px);
        backdrop-filter: blur(40px);
    }

    .ylem-dark-mode-active .ylem-site-details__companyinfo ul li {
        border-bottom: 1px solid var(--ylem-600);
    }

        .ylem-dark-mode-active .ylem-site-details__companyinfo ul li:last-child {
            border-bottom: none;
        }

    .ylem-dark-mode-active .ylem-site-details__title {
        color: var(--ylem-400);
    }

    .ylem-dark-mode-active .ylem-site-details__name {
        color: var(--ylem-200);
    }

    .ylem-dark-mode-active .ylem-site-details__data {
        color: var(--ylem-0);
    }

#ylem__footer {
    text-align: left;
    margin-top: auto;
    padding: 0;
    background-color: rgba(var(--ylem-100-rgb), 1);
    border-top: 1px solid var(--ylem-300);
    border-top: none;
    position: relative;
}

    #ylem__footer .ylem__footer--inner {
        display: flex;
        justify-content: space-between;
        align-items: end;
        padding: 30px 0;
        width: 100%;
        text-align: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }


.ylem-dark-mode-active #ylem__footer {
    background-color: rgba(var(--ylem-1000-rgb), 1);
    border-top: 1px solid var(--ylem-700);
    border-top: none;
    color: var(--ylem-0);
}

.panel {
	border-radius: 1.5rem;
	background-color: var(--ylem-0);
	border: 1px solid var(--card-stroke);
	box-shadow: 0 1px 0 var(--card-stroke) inset;
	padding: 1rem;
	position: relative;
	height: auto;
	margin: 0.75rem 0;
	transition: none;
}

/*.panel {
	border-radius: 0.25rem;
	-webkit-border-radius: 1.5rem;
	-moz-border-radius: 1.5rem;
	border-radius: 1.5rem;
	box-shadow: none;
	padding: 1rem;
	background-color: var(--ylem-0);
	transition: none;
	position: relative;
	border: 1px solid var(--ylem-300);
	height: auto;
	margin: 0.75rem 0;
}*/

.panel-grad {
	background: linear-gradient(180deg, rgba(var(--ylem-1000-rgb), 0), rgba(var(--ylem-1000-rgb), .03));
	backdrop-filter: blur(10px);
}

.ylem-dark-mode-active .panel-grad {
	background: linear-gradient(180deg, rgba(var(--ylem-0-rgb), .06), rgba(var(--ylem-0-rgb), 0));
	backdrop-filter: blur(10px);
}

.panel h1,
.panel h2 {
	font-size: clamp(1rem, calc(1rem + 2.64vw), 1.2rem);
	margin: 0 0 2rem;
	text-align: left;
	display: block;
	line-height: 1.3;
	margin-bottom: 1.5rem !important;
}

.panel .ylem-metering-headingsplit {
	margin-bottom: 2rem;
}

.panel .ylem-metering-headingsplit h1,
.panel .ylem-metering-headingsplit h2 {
	border-bottom: none;
	margin: 0;
	padding: 0;
}

@media (max-width: 768px) {
	.panel {
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px !important;
	}
}

/********************************************************************

    Dark Mode

**************************************************************cd******/


.ylem-dark-mode-active .panel {
	background-color: var(--ylem-950);
	border: 1px solid var(--ylem-700);
	color: var(--ylem-0);
}

.ylem-dark-mode-active .panel h1,
.ylem-dark-mode-active .panel h2 {
	border-color: var(--ylem-700);
	color: var(--ylem-0);
}

.ylem-dark-mode-active .panel .ylem-metering-headingsplit {
	border-color: var(--ylem-700);
}

.ylem-dark-mode-active .panel .ylem-metering-headingsplit h1,
.ylem-dark-mode-active .panel .ylem-metering-headingsplit h2 {
	border: none;
}


@media (max-width: 768px) {
	.panel {
		-webkit-border-radius: 0.5rem;
		-moz-border-radius: 0.5rem;
		border-radius: 0.5rem !important;
		padding: 0.5rem;
		border: none !important;
		max-height: none;
	}
}


/* ===== Floating support button ===== */

.feedback-wrap {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 2147483000;
}

#ctw-btn {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  pointer-events: auto;
}

/* Centered iframe dialog (hidden until JS sets display:block) */
#ctw-frame {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	width: min(860px, calc(100vw - 48px));
	height: min(680px, calc(100vh - 48px));
	border: none;
	border-radius: 16px;
	background: transparent;
	overflow: hidden;
	pointer-events: auto;
	z-index: 2147483002;
}

#ctw-backdrop {
	position: fixed;
	inset: 0;
	display: none;
	background: rgba(0,0,0,.45);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	pointer-events: auto;
	z-index: 2147483001;
}

/* Fab base */
.ctw-fab {
	/* sizing vars */
	--fab-size: 42px;
	--label-max: 80px;
	--gap: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: var(--fab-size);
	width: var(--fab-size);
	padding: 0;
	gap: 0;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 9999px;
	transition: width .28s ease, gap .28s ease, box-shadow .2s, background-color .2s;
}


.ctw-fab .ctw-label {
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  transition:
    max-width .28s ease,
    opacity .16s ease .08s,
    margin-left .28s ease;
  margin-left: 0;
  font-size: 0.9rem;
  font-weight: 600;
}

/* make icon crisp and centered */
.ctw-fab svg {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
}

@media (hover: hover) and (pointer: fine) {
	.ctw-fab:hover,
	.ctw-fab:focus-visible {
		width: calc(var(--fab-size) + var(--gap) + var(--label-max) + 24px);
		padding: 0 12px;
		gap: var(--gap); /* gap appears smoothly */
	}

		.ctw-fab:hover .ctw-label,
		.ctw-fab:focus-visible .ctw-label {
			max-width: var(--label-max);
			opacity: 1;
		}
}

@media (hover: none), (pointer: coarse) {
  .ctw-fab { width: var(--fab-size); padding: 0; }
  .ctw-fab .ctw-label { display: none; }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .ctw-fab,
  .ctw-fab .ctw-label {
    transition: none;
  }
}

@media (min-width: 768px) {
  .center-split {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    justify-items: center;
  }
  .center-split .split-left  { justify-self: end;  }
  .center-split .split-right { justify-self: start; }
  .center-split .split-sep   { padding: 0 1rem; }
}
@media (max-width: 767.98px) {
  .center-split .split-sep { display: none; } /* cleaner on mobile */
}

/*Primary Button*/

.btn-primary {
    --bs-btn-color: var(--ylem-0);
    --bs-btn-bg: var(--ylem-blue);
    --bs-btn-border-color: var(--ylem-blue-darker);
    --bs-btn-hover-color: var(--ylem-0);
    --bs-btn-hover-bg: var(--ylem-blue-darker);
    --bs-btn-hover-border-color: var(--ylem-blue-darker);
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: var(--ylem-0);
    --bs-btn-active-bg: var(--ylem-blue-darker);
    --bs-btn-active-border-color: var(--ylem-blue-darker);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--ylem-300);
    --bs-btn-disabled-bg: var(--ylem-blue-darker);
    --bs-btn-disabled-border-color: var(--ylem-blue-darker);
}

.ylem-dark-mode-active .btn-primary {
    --bs-btn-color: currentColor;
    --bs-btn-bg: var(--ylem-700);
    --bs-btn-border-color: var(--ylem-600);
    --bs-btn-hover-color: currentColor;
    --bs-btn-hover-bg: var(--ylem-800);
    --bs-btn-hover-border-color: var(--ylem-1000);
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: currentColor;
    --bs-btn-active-bg: var(--ylem-1000);
    --bs-btn-active-border-color: var(--ylem-800);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--ylem-600);
    --bs-btn-disabled-bg: var(--ylem-1000);
    --bs-btn-disabled-border-color: var(--ylem-1000);
}

/*Secondary Button*/

.btn-secondary {
    --bs-btn-color: var(--ylem-0);
    --bs-btn-bg: var(--ylem-700);
    --bs-btn-border-color: var(--ylem-700);
    --bs-btn-hover-color: var(--ylem-0);
    --bs-btn-hover-bg: var(--ylem-500);
    --bs-btn-hover-border-color: var(--ylem-500);
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: var(--ylem-0);
    --bs-btn-active-bg: var(--ylem-500);
    --bs-btn-active-border-color: var(--ylem-500);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--ylem-0);
    --bs-btn-disabled-bg: var(--ylem-400);
    --bs-btn-disabled-border-color: var(--ylem-400);
}

.ylem-dark-mode-active .btn-secondary {
    --bs-btn-color: var(--ylem-0);
    --bs-btn-bg: var(--ylem-600);
    --bs-btn-border-color: var(--ylem-600);
    --bs-btn-hover-color: var(--ylem-0);
    --bs-btn-hover-bg: var(--ylem-700);
    --bs-btn-hover-border-color: var(--ylem-700);
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: var(--ylem-0);
    --bs-btn-active-bg: var(--ylem-700);
    --bs-btn-active-border-color: var(--ylem-700);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--ylem-0);
    --bs-btn-disabled-bg: var(--ylem-600);
    --bs-btn-disabled-border-color: var(--ylem-600);
}

.btn-outline-secondary {
    --bs-btn-color: currentColor;
    --bs-btn-border-color: var(--ylem-600);
    --bs-btn-hover-color: var(--ylem-0);
    --bs-btn-hover-bg: var(--ylem-600);
    --bs-btn-hover-border-color: var(--ylem-600);
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: var(--ylem-0);
    --bs-btn-active-bg: var(--ylem-600);
    --bs-btn-active-border-color: var(--ylem-600);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--ylem-600);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--ylem-600);
    --bs-gradient: none;
}

/*Dark Button*/

.btn-dark {
    --bs-btn-color: var(--ylem-500);
    --bs-btn-bg: var(--ylem-200);
    --bs-btn-border-color: var(--ylem-300);
    --bs-btn-hover-color: var(--ylem-1000);
    --bs-btn-hover-bg: var(--ylem-200);
    --bs-btn-hover-border-color: var(--ylem-400);
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: var(--ylem-1000);
    --bs-btn-active-bg: var(--ylem-200);
    --bs-btn-active-border-color: var(--ylem-400);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--ylem-400);
    --bs-btn-disabled-bg: var(--ylem-100);
    --bs-btn-disabled-border-color: var(--ylem-200);
}

.ylem-dark-mode-active .btn-dark {
    --bs-btn-color: var(--ylem-400);
    --bs-btn-bg: var(--ylem-1000);
    --bs-btn-border-color: var(--ylem-600);
    --bs-btn-hover-color: var(--ylem-0);
    --bs-btn-hover-bg: var(--ylem-1000);
    --bs-btn-hover-border-color: var(--ylem-600);
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: var(--ylem-0);
    --bs-btn-active-bg: var(--ylem-1000);
    --bs-btn-active-border-color: var(--ylem-500);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--ylem-500);
    --bs-btn-disabled-bg: var(--ylem-900);
    --bs-btn-disabled-border-color: var(--ylem-700);
}

/*Shock Button*/

.btn-shock {
    --bs-btn-color: var(--ylem-0);
    --bs-btn-bg: var(--ylem-orange);
    --bs-btn-border-color: var(--ylem-orange-darker);
    --bs-btn-hover-color: var(--ylem-0);
    --bs-btn-hover-bg: var(--ylem-orange-darker);
    --bs-btn-hover-border-color: var(--ylem-orange-darker);
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: var(--ylem-0);
    --bs-btn-active-bg: var(--ylem-orange);
    --bs-btn-active-border-color: var(--ylem-orange-darker);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--ylem-300);
    --bs-btn-disabled-bg: var(--ylem-orange-darker);
    --bs-btn-disabled-border-color: var(--ylem-orange-darker);
}

.ylem-dark-mode-active .btn-shock {
    --bs-btn-color: var(--ylem-900);
    --bs-btn-bg: var(--ylem-shock);
    --bs-btn-border-color: var(--ylem-shock-darker);
    --bs-btn-hover-color: var(--ylem-1000);
    --bs-btn-hover-bg: var(--ylem-shock-darker);
    --bs-btn-hover-border-color: var(--ylem-shock-darker);
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: var(--ylem-1000);
    --bs-btn-active-bg: var(--ylem-shock);
    --bs-btn-active-border-color: var(--ylem-shock-darker);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--ylem-700);
    --bs-btn-disabled-bg: var(--ylem-shock-darker);
    --bs-btn-disabled-border-color: var(--ylem-shock-darker);
}

.btn-outline-navi {
    --bs-btn-color: currentColor;
    --bs-btn-border-color: var(--ylem-600);
    --bs-btn-hover-color: currentColor;
    --bs-btn-hover-bg: var(--ylem-600);
    --bs-btn-hover-border-color: var(--ylem-600);
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: var(--ylem-0);
    --bs-btn-active-bg: var(--ylem-600);
    --bs-btn-active-border-color: var(--ylem-600);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--ylem-600);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--ylem-600);
    --bs-gradient: none;
    --bs-btn-hover-bg: rgba(var(--ylem-600-rgb), 0.2);
}

.ylem-dark-mode-active .btn-outline-navi {
    --bs-btn-color: var(--ylem-0);
    --bs-btn-border-color: var(--ylem-0);
    --bs-btn-hover-color: var(--ylem-0);
    --bs-btn-hover-border-color: var(--ylem-0);
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: var(--ylem-1000);
    --bs-btn-active-bg: var(--ylem-0);
    --bs-btn-active-border-color: var(--ylem-0);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--ylem-0);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--ylem-0);
    --bs-gradient: none;
    --bs-btn-hover-bg: rgba(var(--ylem-0-rgb), 0.2);
}

/* Misc Buttons */

.svg-close {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
    stroke: var(--ylem-1000);
    width: 20px;
}
/********************************************************************

    Dark Mode

********************************************************************/



.ylem-dark-mode-active .form-control {
    background-color: var(--ylem-1000) !important;
    border-color: var(--ylem-700) !important;
    color: var(--ylem-0) !important;
    color-scheme: dark;
}

    .ylem-dark-mode-active .form-control::placeholder {
        color: var(--ylem-0) !important;
        color-scheme: dark;
    }

.ylem-dark-mode-active .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.ylem-dark-mode-active select,
.ylem-dark-mode-active option {
    background-color: var(--ylem-1000);
    border-color: var(--ylem-700);
    color: var(--ylem-0);
    color-scheme: dark;
}

.ylem-dark-mode-active .form-control.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}


::-webkit-input-placeholder {
    color: var(--ylem-400)
}

::-moz-placeholder {
    color: var(--ylem-400)
}

:-ms-input-placeholder {
    color: var(--ylem-400)
}

:-moz-placeholder {
    color: var(--ylem-400)
}

.ylem-dark-mode-active ::-webkit-input-placeholder {
    opacity: 0.5 !important;
}

.ylem-dark-mode-active ::-moz-placeholder {
    opacity: 0.5 !important;
}

.ylem-dark-mode-active :-ms-input-placeholder {
    opacity: 0.5 !important;
}

.ylem-dark-mode-active :-moz-placeholder {
    opacity: 0.5 !important;
}

/********************************************************
* YLEM LOADER
********************************************************/

.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--ylem-100-rgb),0.8);
    backdrop-filter: blur(10px);
    z-index: 100;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

.loading-min {
    background-color: transparent;
    backdrop-filter: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    background-color: transparent;
    backdrop-filter: none;
}

.loading .text {
    display: block;
    color: var(--ylem-600) !important;
    font-size: 0.9rem;
    line-height: 1.1rem;
    font-weight: 600;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--ylem-0);
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    border-radius: 1.5rem;
    border: 1px solid var(--ylem-200);
    margin-bottom: 20px;
    color: var(--ylem-1000) !important;
    font-weight: 600;
    -webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);
    text-align: center;
}

.loader {
    border: 2px solid transparent;
    border-top: 2px solid var(--ylem-900);
    border-bottom: 2px solid var(--ylem-900);
}


@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.ylem-dark-mode-active .loading {
    background-color: rgba(var(--ylem-1000-rgb),0.8);
    backdrop-filter: blur(10px);
}

.ylem-dark-mode-active .loading-min {
    background-color: transparent;
    backdrop-filter: none;
}

.ylem-dark-mode-active .loading .text {
    background-color: var(--ylem-700);
    border: 1px solid var(--ylem-600);
    color: var(--ylem-0) !important;
}

/*.ylem-dark-mode-active .spinner {
    border-top: 4px solid var(--ylem-shock);
}*/

.ylem-dark-mode-active .loader {
    border-top-color: var(--ylem-shock);
    border-bottom-color: var(--ylem-shock);
}

.spinner {
    width: 10px;
    height: 10px;
    display: inline-block;
    position: relative;
    background: var(--ylem-orange);
    box-sizing: border-box;
    animation: flipX 1s linear infinite;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
}

.ylem-dark-mode-active .spinner {
    background: var(--ylem-shock);
}

@keyframes flipX {
    0% {
        transform: perspective(200px) rotateX(0deg) rotateY(0deg);
    }

    50% {
        transform: perspective(200px) rotateX(-180deg) rotateY(0deg);
    }

    100% {
        transform: perspective(200px) rotateX(-180deg) rotateY(-180deg);
    }
}


/********************************************************
* YLEM LOADING SPINNER
********************************************************/


.loading-message {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.8rem !important;
    z-index: 200;
    text-align: center;
    color: var(--ylem-600) !important;
    font-weight: 600;
    opacity: 1;
    background-color: var(--ylem-0) !important;
    padding: 10px;
    border-radius: 20px !important;
    -webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ylem-200) !important;
}

.loading-spinner-ylem {
    border: 3px solid transparent;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    border-radius: 9999px;
    border-top: 3px solid var(--ylem-600);
    border-bottom: 3px solid var(--ylem-600);
    width: 30px;
    height: 30px;
    animation: turn 2s linear infinite;
    margin: 0 auto;
    margin-top: 20px;
}

.alert-panel {
    background-color: var(--ylem-900);
    border-color: var(--ylem-light-1000);
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    border-radius: 9999px;
    color: var(--ylem-0);
}



.ylem-dark-mode-active .alert-panel {
    background-color: var(--ylem-800);
    border-color: var(--ylem-700);
    color: var(--ylem-100);
}


/********************************************************
* EAPPS PROGRESS MESSAGE
********************************************************/

.eapp-progress-message-container {
    background-color: rgba(var(--ylem-100-rgb),0.8);
    backdrop-filter: blur(10px);
}

.eapp-progress-message span {
    padding: 10px 20px;
    display: inline-block;
    background-color: var(--ylem-0);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid var(--ylem-200);
    margin-bottom: 20px;
    color: var(--ylem-600) !important;
    font-weight: 600;
    -webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);
}

.eapp-progress-spinner {
    border: 5px solid transparent;
    border-radius: 50%;
    border-top: 5px solid var(--ylem-blue);
    border-bottom: 5px solid var(--ylem-blue);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    width: 40px;
    height: 40px;
    animation: turn 2s linear infinite;
    margin: 0 auto;
}



.ylem-dark-mode-active .eapp-progress-message-container {
    background-color: rgba(var(--ylem-1000-rgb),0.8);
    backdrop-filter: blur(10px);
}

.ylem-dark-mode-active .eapp-progress-spinner {
    border-top: 5px solid var(--ylem-shock);
    border-bottom: 5px solid var(--ylem-shock);
}



/********************************************************
* SPINNER
********************************************************/

.spinner-container {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 2;
    text-align: center;
}

.spinner-message {
    padding: 10px 20px;
    display: inline-block;
    background-color: var(--ylem-0);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid var(--ylem-200);
    margin-bottom: 20px;
    color: var(--ylem-600) !important;
    font-weight: 600;
    -webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);
}

.spinner-circle {
    border: 5px solid transparent;
    border-radius: 50%;
    border-top: 5px solid var(--ylem-blue);
    border-bottom: 5px solid var(--ylem-blue);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    width: 40px;
    height: 40px;
    animation: turn 2s linear infinite;
    margin: 0 auto;
    margin-top: 10px;
}

@keyframes spinner-animation {
    0% {
        transform: rotate(0deg);
    }

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



.ylem-dark-mode-active .spinner-circle {
    border-top: 5px solid var(--ylem-shock);
    border-bottom: 5px solid var(--ylem-shock);
}


/**************************************************
 * FADING CIRCLE LOADING DARK MODE
 **************************************************/

.ylem-dark-mode-active .sk-fading-circle .sk-circle:before {
    background-color: var(--ylem-shock);
}


.optimise-dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--ylem-100-rgb),0.8);
    backdrop-filter: blur(10px);
    z-index: 99999;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

    .optimise-dialog.show {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }

.ylem-dark-mode-active .optimise-dialog {
    background-color: rgba(var(--ylem-1000-rgb),0.8);
}

/********************************************************
* ERROR DIALOGUE
********************************************************/

.error-dialogue {
    min-width: 280px;
    width: 30%;
    background-color: var(--ylem-0);
}

.ylem-dark-mode-active .error-dialogue {
    background-color: var(--ylem-900);
}




.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-content {
    background-color: var(--ylem-0);
    border-radius: 0.5rem;
    width: 100%;
    max-width: 400px;
    padding: 1rem;
    margin: 1rem;
}

.modal-content.editor-mode {
    max-width: 1800px;
}

.modal-content.editor-mode textarea {
   height: 60dvh;
   min-height: 300px;
   margin: 1rem 0;
}

.ylem-dark-mode-active .modal-content {
    background-color: var(--ylem-900);
}

.modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.modal-overlay .input-container {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.modal-overlay .message-container {
    color: #666;
}

.modal-overlay .warning .message-container {
    color: #dc3545;
}

.eapps-container {
    background-color: transparent !important;
}

.section-body {
    margin-top: 0;
    min-height: calc(100vh - 60px);
    display: flex;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
    float: none;
    display: inline;
    margin-left: auto;
    margin-right: auto;
}