/* Minification failed. Returning unminified contents.
(162,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(163,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(164,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(165,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(167,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(168,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(169,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(173,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(174,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(175,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(176,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(177,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(178,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(179,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(275,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(276,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(277,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(278,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(279,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(280,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(281,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(282,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(285,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(286,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(287,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(288,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(289,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(290,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(291,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(292,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(412,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(413,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(447,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(448,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(449,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(450,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(451,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(452,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(453,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(454,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(457,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(458,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(459,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(460,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(461,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(462,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(463,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(464,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1102,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1103,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1104,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1105,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1107,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1108,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1109,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1112,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1113,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1114,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1115,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1116,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1117,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1118,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1181,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(1183,15): run-time error CSS1039: Token not allowed after unary operator: '-button2-text'
(1194,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(1210,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1211,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1212,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1213,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1214,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1215,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1216,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1217,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1220,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1221,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1222,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1223,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1224,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1225,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1226,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1227,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1292,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1337,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1339,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(1350,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(1360,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1361,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1362,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1363,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1364,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1365,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1366,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1367,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1370,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1371,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1372,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1373,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1374,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1375,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1376,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1377,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1481,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1482,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1483,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1484,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1485,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1486,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1487,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1488,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1491,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1492,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1493,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1494,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1495,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1496,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1497,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1498,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1521,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(1563,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue2'
(1577,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1586,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1607,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1609,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(1620,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(1646,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1648,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(1659,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(1665,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1666,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1667,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1668,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1669,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1670,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1671,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1672,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1675,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1676,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1677,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1678,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1679,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1680,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1681,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1682,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1716,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1717,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1718,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1719,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1720,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1721,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1722,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1723,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1726,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1727,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1728,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1729,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1730,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1731,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1733,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1987,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1988,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1989,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1990,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1991,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1992,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1993,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1994,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1997,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1998,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1999,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2000,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2001,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2003,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2004,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2264,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2265,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2266,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2267,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2268,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2269,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2270,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2271,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2274,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2275,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2276,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2277,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2278,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2279,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2280,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2281,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2317,15): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2336,15): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2358,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(2427,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(2429,15): run-time error CSS1039: Token not allowed after unary operator: '-button2-text'
(2435,33): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(2440,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(2441,15): run-time error CSS1039: Token not allowed after unary operator: '-button2-text'
(2467,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue2'
(2545,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2590,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(2596,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2597,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2598,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2599,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2600,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2601,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2602,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2603,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2606,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2607,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2608,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2609,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2610,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2611,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2612,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2613,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2962,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2963,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2964,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2965,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2966,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2967,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2968,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2969,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2972,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2973,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2974,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2975,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2976,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2977,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2978,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2979,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3410,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3411,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3412,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3413,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3414,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3415,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3416,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3417,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3420,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3421,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3422,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3423,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3424,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3425,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3426,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3427,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3893,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3894,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3895,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3896,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3897,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3898,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3899,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3900,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3903,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3904,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3905,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3906,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3907,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3908,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3909,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3910,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4007,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(4009,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(4020,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(4023,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(4025,15): run-time error CSS1039: Token not allowed after unary operator: '-button2-text'
(4036,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(4089,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4090,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4091,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4092,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4093,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4094,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4095,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4096,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4099,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4100,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4101,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4102,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4103,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4104,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4105,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4143,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4144,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4145,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4146,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4147,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4148,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4149,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4150,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4153,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4154,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4155,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4156,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4157,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4158,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4159,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4160,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4232,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4233,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4234,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4235,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4236,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4237,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4238,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4239,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4242,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4243,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4244,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4245,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4246,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4247,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4248,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4249,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4271,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(4300,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(4372,15): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(4400,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4401,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4402,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4403,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4404,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4405,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4406,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4407,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4410,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4411,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4412,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4413,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4414,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4415,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4416,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4417,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4478,15): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(4481,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(4519,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4520,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4521,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4522,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4523,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4524,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4525,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4526,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4529,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4530,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4531,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4532,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4533,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4534,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4535,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4536,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4554,15): run-time error CSS1039: Token not allowed after unary operator: '-maintext'
(4606,16): run-time error CSS1039: Token not allowed after unary operator: '-filterBright'
(4610,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(4612,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(4625,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(4631,15): run-time error CSS1039: Token not allowed after unary operator: '-maintext'
(4638,15): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(4725,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4726,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4727,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4728,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4729,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4730,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4731,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4735,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4736,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4737,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4738,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4739,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4740,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4741,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4742,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4789,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(4791,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(4804,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(4852,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4853,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4854,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4855,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4856,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4857,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4858,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4859,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4862,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4863,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4864,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4865,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4866,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4867,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4868,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4869,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4929,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4930,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4931,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4932,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4933,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4934,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4935,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4936,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4939,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4940,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4941,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4942,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4943,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4944,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4945,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4946,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5002,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(5004,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(5016,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(5063,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5064,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5065,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5066,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5067,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5068,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5069,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5070,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5073,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5074,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5075,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5076,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5077,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5078,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5079,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5080,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5141,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5142,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5143,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5144,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5145,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5146,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5147,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5148,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5151,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5152,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5153,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5154,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5155,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5156,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5157,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5158,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5322,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(5435,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5436,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5437,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5438,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5439,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5440,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5441,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5442,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5445,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5446,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5447,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5448,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5449,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5450,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5451,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5452,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5496,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(5505,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(5512,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5513,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5514,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5515,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5516,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5517,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5518,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5519,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5522,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5523,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5524,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5525,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5526,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5527,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5528,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5529,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5613,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5614,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5615,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5616,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5617,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5618,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5619,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5620,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5623,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5624,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5625,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5626,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5627,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5628,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5629,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5630,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5689,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5690,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5691,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5692,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5693,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5694,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5695,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5696,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5699,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5700,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5701,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5702,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5703,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5704,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5705,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5706,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5730,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5731,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5733,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5734,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5735,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5736,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5737,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5740,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5741,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5742,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5743,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5744,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5745,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5746,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5747,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5767,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5768,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5769,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5770,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5771,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5772,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5773,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5774,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5777,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5778,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5779,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5780,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5781,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5782,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5783,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5784,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5813,32): run-time error CSS1039: Token not allowed after unary operator: '-lightblue2'
(5846,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5847,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5848,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5849,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5850,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5851,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5852,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5853,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5856,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5857,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5858,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5859,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5860,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5861,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5862,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5863,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5880,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(5946,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5947,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5948,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5949,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5950,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5951,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5952,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5953,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5956,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5957,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5958,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5959,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5960,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5961,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5962,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5963,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5999,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6000,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6001,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6003,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6004,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6005,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6006,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6009,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6010,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6011,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6012,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6013,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6014,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6015,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6016,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6033,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(6084,26): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(6088,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue2'
(6105,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(6119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6121,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6122,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6123,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6124,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6125,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6126,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6129,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6130,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6131,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6132,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6133,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6134,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6135,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6136,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6165,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6166,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6167,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6168,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6169,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6170,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6171,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6172,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6175,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6176,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6177,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6178,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6179,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6180,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6181,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6182,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6219,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(6251,15): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(6287,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue2'
(6297,15): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(6305,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(6398,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(6407,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6408,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6409,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6410,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6411,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6412,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6413,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6414,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6417,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6418,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6419,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6420,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6421,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6422,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6423,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6424,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6481,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(6483,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(6494,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(6497,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(6499,15): run-time error CSS1039: Token not allowed after unary operator: '-button2-text'
(6510,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(6517,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6518,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6519,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6520,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6521,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6522,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6523,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6524,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6527,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6528,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6529,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6530,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6531,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6532,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6533,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6534,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6566,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(6589,15): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(6613,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(6635,27): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(6645,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6646,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6647,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6648,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6649,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6650,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6651,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6652,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6655,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6656,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6657,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6658,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6659,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6660,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6661,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6662,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6692,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(6694,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(6706,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(6715,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6716,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6717,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6718,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6719,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6720,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6721,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6722,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6725,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6726,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6727,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6728,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6729,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6730,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6731,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6808,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6809,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6810,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6811,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6812,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6813,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6814,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6815,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6818,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6819,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6820,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6821,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6822,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6823,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6824,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6825,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6970,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6971,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6972,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6973,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6974,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6975,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6976,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6977,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6980,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6981,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6982,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6983,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6984,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6985,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6986,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6987,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7015,15): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(7025,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(7027,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(7039,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(7055,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(7068,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(7085,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7086,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7087,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7088,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7089,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7090,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7091,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7092,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7095,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7096,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7097,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7098,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7099,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7100,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7101,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7102,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7157,15): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(7193,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7194,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7195,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7196,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7197,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7198,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7199,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7200,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7203,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7204,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7205,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7206,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7207,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7208,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7209,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7210,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7238,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(7240,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(7251,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(7260,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7261,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7262,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7263,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7264,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7265,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7266,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7267,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7270,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7271,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7272,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7273,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7274,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7275,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7276,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7277,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7403,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7404,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7405,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7406,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7407,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7408,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7409,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7410,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7413,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7414,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7415,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7416,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7417,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7418,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7419,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7420,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7468,26): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(7495,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(7506,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(7524,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(7526,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(7546,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(7698,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7699,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7700,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7701,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7702,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7703,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7704,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7705,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7708,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7709,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7710,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7711,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7712,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7713,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7714,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7715,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7758,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7759,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7760,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7761,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7762,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7763,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7764,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7765,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7768,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7769,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7770,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7771,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7772,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7773,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7774,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7775,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7829,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7830,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7831,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7832,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7833,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7834,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7835,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7836,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7839,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7840,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7841,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7842,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7843,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7844,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7845,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7846,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7908,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7909,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7910,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7911,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7912,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7913,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7914,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7915,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7918,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7919,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7920,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7921,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7922,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7923,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7924,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7925,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7975,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(7990,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(8009,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8010,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8011,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8012,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8013,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8014,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8015,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8016,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8019,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8020,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8021,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8022,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8023,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8024,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8025,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8026,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8154,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(8156,15): run-time error CSS1039: Token not allowed after unary operator: '-button2-text'
(8167,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(8224,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(8293,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8294,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8295,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8296,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8297,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8298,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8299,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8300,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8303,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8304,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8305,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8306,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8307,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8308,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8309,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8310,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8330,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8331,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8332,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8333,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8334,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8335,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8336,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8337,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8340,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8341,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8342,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8343,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8344,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8345,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8346,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8347,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8397,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(8412,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(8431,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8432,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8433,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8434,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8435,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8436,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8437,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8438,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8441,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8442,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8443,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8444,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8445,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8446,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8447,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8448,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8465,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(8466,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(8514,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8515,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8516,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8517,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8518,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8519,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8520,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8521,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8524,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8525,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8526,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8527,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8528,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8529,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8530,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8531,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8561,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(8563,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(8574,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(8580,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8581,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8582,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8583,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8584,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8585,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8586,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8587,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8590,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8591,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8592,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8593,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8594,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8595,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8596,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8597,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8655,33): run-time error CSS1039: Token not allowed after unary operator: '-lightblue2'
(8672,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(8674,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(8685,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(8880,15): run-time error CSS1039: Token not allowed after unary operator: '-maintext'
(9192,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(9193,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(9291,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9292,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9293,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9294,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9295,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9296,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9297,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9298,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9301,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9302,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9303,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9304,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9305,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9306,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9307,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9308,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9328,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9329,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9330,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9331,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9332,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9333,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9334,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9335,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9338,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9339,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9340,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9341,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9342,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9343,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9344,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9345,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9363,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(9424,15): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(9451,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(9453,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(9465,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(9492,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(9520,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(9522,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(9533,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(9536,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(9538,15): run-time error CSS1039: Token not allowed after unary operator: '-button2-text'
(9549,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(9556,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9557,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9558,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9559,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9560,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9561,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9562,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9563,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9566,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9567,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9568,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9569,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9570,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9571,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9572,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9573,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9590,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(9674,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(9676,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(9688,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(9735,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(9737,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(9750,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(9772,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9773,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9774,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9775,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9776,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9777,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9778,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9779,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9782,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9783,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9784,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9785,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9786,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9787,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9788,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9789,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9983,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(9985,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(10001,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(10109,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10110,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10111,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10112,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10113,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10114,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10115,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10116,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10121,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10122,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10123,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10124,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10125,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10126,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10278,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10279,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10280,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10281,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10282,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10283,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10284,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10285,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10288,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10289,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10290,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10291,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10292,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10293,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10294,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10295,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10407,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(10409,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(10424,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(10634,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(10636,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(10648,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(10738,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10739,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10740,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10741,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10742,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10743,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10744,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10745,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10748,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10749,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10750,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10751,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10752,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10753,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10754,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10755,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10972,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10973,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10974,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10975,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10976,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10977,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10978,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10979,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10982,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10983,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10984,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10985,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10986,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10987,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10988,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10989,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11091,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11092,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11093,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11094,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11095,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11096,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11097,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11098,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11101,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11102,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11103,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11104,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11105,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11107,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11108,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11132,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(11134,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(11145,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(11367,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11368,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11369,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11370,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11371,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11372,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11373,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11374,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11377,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11378,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11379,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11380,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11381,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11382,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11383,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11384,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11415,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11416,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11417,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11418,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11419,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11420,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11421,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11422,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11425,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11426,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11427,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11428,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11429,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11430,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11431,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11432,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11504,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11505,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11506,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11507,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11508,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11509,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11510,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11511,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11514,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11515,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11516,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11517,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11518,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11519,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11520,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11521,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11604,32): run-time error CSS1030: Expected identifier, found '['
(11604,44): run-time error CSS1031: Expected selector, found ']'
(11604,44): run-time error CSS1025: Expected comma or open brace, found ']'
(11637,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(11639,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(11659,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(11791,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11792,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11793,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11794,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11795,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11796,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11797,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11798,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11801,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11802,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11803,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11804,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11805,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11806,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11807,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11808,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11987,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11988,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11989,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11990,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11991,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11992,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11993,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11994,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11997,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11998,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11999,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12000,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12001,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12003,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12004,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12251,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(12253,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(12272,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(12453,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12454,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12455,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12456,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12457,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12458,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12459,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12460,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12463,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12464,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12465,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12466,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12467,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12468,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12469,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12470,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12521,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(12523,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(12540,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(12607,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12608,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12609,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12610,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12611,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12612,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12613,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12614,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12617,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12618,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12619,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12620,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12621,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12622,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12623,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12624,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12843,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12844,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12845,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12846,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12847,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12848,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12849,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12850,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12853,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12854,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12855,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12856,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12857,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12858,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12859,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12860,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13144,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13145,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13146,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13147,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13148,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13149,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13150,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13151,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13154,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13155,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13156,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13157,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13158,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13159,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13160,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13161,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13341,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(13343,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(13359,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(13435,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13436,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13437,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13438,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13439,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13440,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13441,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13442,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13445,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13446,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13447,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13448,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13449,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13450,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13451,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13452,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13487,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(13491,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(13493,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(13504,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(13549,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(13551,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(13563,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(13588,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13589,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13590,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13591,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13592,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13593,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13594,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13595,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13598,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13599,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13600,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13601,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13602,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13603,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13604,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13605,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13627,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(13684,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(13686,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(13697,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(13732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13733,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13734,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13735,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13736,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13737,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13738,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13739,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13742,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13743,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13744,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13745,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13746,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13747,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13748,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13749,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13768,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(13799,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(13801,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(13812,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(13821,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13822,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13823,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13824,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13825,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13826,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13827,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13828,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13831,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13832,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13833,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13834,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13835,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13836,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13837,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13838,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13861,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(13899,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(13901,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(13914,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(13952,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13953,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13954,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13955,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13956,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13957,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13958,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13959,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13962,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13963,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13964,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13965,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13966,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13967,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13968,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13969,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13991,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(14003,15): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(14059,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14060,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14061,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14062,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14063,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14064,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14065,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14066,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14069,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14070,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14071,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14072,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14073,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14074,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14075,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14076,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14140,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(14142,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(14153,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(14163,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14164,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14165,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14166,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14167,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14168,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14169,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14170,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14173,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14174,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14175,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14176,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14177,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14178,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14179,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14180,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14213,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14214,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14215,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14216,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14217,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14218,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14219,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14220,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14223,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14224,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14225,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14226,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14227,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14228,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14229,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14230,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14249,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(14279,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(14281,15): run-time error CSS1039: Token not allowed after unary operator: '-button2-text'
(14292,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(14333,16): run-time error CSS1039: Token not allowed after unary operator: '-filterBright'
(14340,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(14342,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(14357,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(14382,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14383,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14384,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14385,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14386,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14387,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14388,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14389,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14392,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14393,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14394,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14395,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14396,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14397,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14398,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14399,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14427,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(14429,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(14444,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(14450,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14451,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14452,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14453,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14454,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14455,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14456,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14457,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14460,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14461,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14462,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14463,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14464,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14465,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14466,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14467,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14484,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(14510,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14511,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14512,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14513,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14514,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14515,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14516,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14517,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14520,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14521,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14522,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14523,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14524,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14525,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14526,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14527,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14544,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(14565,30): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(14574,15): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(14603,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14604,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14605,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14606,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14607,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14608,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14609,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14610,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14613,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14614,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14615,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14616,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14617,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14618,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14619,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14620,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14666,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14667,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14668,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14669,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14670,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14671,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14672,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14673,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14676,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14677,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14678,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14679,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14680,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14681,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14682,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14683,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14716,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(14750,15): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(14772,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(14785,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(14797,27): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(14807,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(14809,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(14820,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(14826,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14827,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14828,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14829,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14830,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14831,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14832,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14833,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14836,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14837,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14838,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14839,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14840,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14841,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14842,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14843,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14924,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(14926,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(14939,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(14951,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(14953,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(14966,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
pre {
  white-space: normal;
}
header,
footer,
div,
span,
p,
ul,
li,
a,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
time,
b,
a:before,
a:after,
nav,
label,
abbr {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.userblocked {
  display: none;
}
.cmsmodul.userblocked:before {
  content: 'Du bist gesperrt';
  background: #c40303;
  color: #fff;
  padding: 20px;
  display: block;
}
html.en .cmsmodul.userblocked:before {
  content: 'You´re blocked';
}
/*Define here for which modules we should show "you are blocked" */

.casino-games.cmsmodul.userblocked,
.casino-gamedetails.cmsmodul.userblocked,
.sportsbook.cmsmodul.userblocked {
  display: block;
}


/*    
    Only used for the selection via CMS Inside > module
*/

/*effect start*/
.FadeIn { }
.Padding20 { padding: 20px; }
.Padding40 { }
.Padding60 { }
.Padding80 { }
.PaddingRight40 { padding-right: 40px; }
.PaddingRight60 { padding-right: 60px; }
.PaddingRight80 { padding-right: 80px; }
.PaddingTopBottom100 { padding-top: 100px; padding-bottom:100px; }
.PaddingTopBottom140 { padding-top: 140px; padding-bottom:140px; }
.PaddingTopBottom100LeftRight40 { padding: 100px 40px; }
.PaddingTopBottom140LeftRight40 { padding: 140px 40px; }
.PaddingTopBottom20LeftRight60 { padding: 20px 60px; }
.MarginTop40 { margin-top:40px;}
.MarginBottom40 { margin-bottom:40px;}
.MarginTopBottom40 { margin-top:40px; margin-bottom:40px;}
.MaxWidth400 {}
.MaxWidth800 {}
.MaxWidth1200 { max-width:1200px; margin:0 auto!important;}
.MaxWidth1400 { max-width:1400px; margin:0 auto!important;}
.MaxWidth900_WhiteBackground { background:white; padding:0 calc(50% - 450px); }
.MaxWidth1100_WhiteBackground { background:white; padding:0 calc(50% - 550px); }
/*effect end*/

/*all start*/
.padding20 {} /*Padding 20px*/
.padding40 {} /*Padding 40px*/
.maxwidth600 { max-width:600px;margin:0 auto;} /*MaxWidth 600px*/
.maxwidth800 {} /*MaxWidth 800px*/
.howitworks {} /*How it works*/
.BoxTransparentSmall {} /*MaxWidth 900px*/
/*all end*/

/*4 start*/
.gallery-casino {} /*Casino Banner*/
/*4 end*/

/*5 start*/
.box {} /*Box with Padding*/
.box1 { max-width:1440px; margin-left:auto!important; margin-right:auto!important;} /*Max Width and Padding*/
.box2 {} /*Max Width, light bg and Padding*/
/*5 end*/

/*109 start*/
/*109 end*/

/*24 start*/
.newsbg1 {} /*Promo Hintergrund*/
/*24 end*/

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.container.box1 {
  max-width: 1640px;
  margin: 0 auto;
}
.container.box1 .col-item {
  padding: 20px 10px !important;
}
@media screen and (min-width: 1300px) {
  .container.box1 .col-item {
    padding: 40px !important;
  }
}
.maxwidth800,
.MaxWidth800 {
  max-width: 800px;
  margin: 0 auto;
}
.padding20,
.Padding20 {
  padding: 20px;
}
.padding40,
.Padding40 {
  padding: 40px;
}
.BoxTransparentSmall {
  max-width: 900px;
  margin: 0 auto;
}
.container.box {
  padding: 20px;
}
@media screen and (min-width: 1600px) {
  .container.box {
    padding: 40px calc(50% - 788px);
  }
}
.box2 {
  background: #edf6fd;
  padding: 40px 20px;
  margin: 40px 0 0 0 !important;
  align-items: center;
}
@media screen and (min-width: 1500px) {
  .box2 {
    padding: 40px calc(50% - 720px);
  }
}
.box2 .col-item {
  padding: 20px 10px !important;
}
@media screen and (min-width: 1300px) {
  .box2 .col-item {
    padding: 40px !important;
  }
}
.cmsmodul.text.howitworks {
  background: #fff;
  padding: 50px 20px;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.text.howitworks {
    padding: 100px calc(50% - 450px);
  }
}
.cmsmodul.text.howitworks ul {
  list-style: none;
  margin: 35px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 35px;
  counter-reset: step;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.text.howitworks ul {
    flex-direction: row;
  }
}
.cmsmodul.text.howitworks ul li {
  padding: 10px 10px 20px 10px;
  text-align: center;
  border-radius: 12px;
  font-weight: bold;
  font-size: 1.1em;
  background: #edf6fd;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.text.howitworks ul li {
    width: calc(50% - 20px);
  }
}
.cmsmodul.text.howitworks ul li::before {
  position: relative;
  left: auto;
  top: auto;
  display: block;
  margin: 0 auto 10px auto;
  counter-increment: step;
  content: counter(step);
  width: 36px;
  height: 36px;
  border-radius: 50px;
  background: var(--blue);
  color: var(--button-text);
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  filter: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btns .button {
  display: block;
  margin-bottom: 10px;
}
@media screen and (min-width: 800px) {
  .btns .button {
    display: inline-block;
    margin-bottom: 0;
  }
}
html[data-theme='dark'] .box2 {
  background: #111 url(/content/css/lopocacom2/images/wave-bg.png) no-repeat center center;
}
html[data-theme='dark'] .cmsmodul.text.howitworks {
  background: #262626 url(/content/css/lopocacom2/images/wave-bg.png) no-repeat center center;
}
html[data-theme='dark'] .cmsmodul.text.howitworks ul li {
  background: rgba(0, 0, 0, 0.5);
}
html[data-theme='dark'] .cmsmodul.text.howitworks ul li:before {
  border: 2px solid #111;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.container.cols {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
}
.cmsmodul.container.cols .col-item {
  padding: 10px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.container.cols .col-item {
    padding: 10px 0;
  }
  .cmsmodul.container.cols .col-item .cms-section.box {
    height: 100%;
  }
  .cmsmodul.container.cols .col-item.sm1.c1 {
    width: 100%;
  }
  .cmsmodul.container.cols .col-item.sm2.c1 {
    width: 50%;
  }
  .cmsmodul.container.cols .col-item.sm3.c1 {
    width: 33.33%;
  }
  .cmsmodul.container.cols .col-item.sm4.c1 {
    width: 25%;
  }
  .cmsmodul.container.cols .col-item.sm5.c1 {
    width: 20%;
  }
  .cmsmodul.container.cols .col-item.sm6.c1 {
    width: 16.66%;
  }
  .cmsmodul.container.cols .col-item.sm7.c1 {
    width: 14.28%;
  }
  .cmsmodul.container.cols .col-item.sm8.c1 {
    width: 12.5%;
  }
  .cmsmodul.container.cols .col-item.sm9.c1 {
    width: 11.11%;
  }
  .cmsmodul.container.cols .col-item.sm10.c1 {
    width: 10%;
  }
  .cmsmodul.container.cols .col-item.sm11.c1 {
    width: 9.09%;
  }
  .cmsmodul.container.cols .col-item.sm12.c1 {
    width: 8.33%;
  }
  .cmsmodul.container.cols .col-item.sm13.c1 {
    width: 7.69%;
  }
  .cmsmodul.container.cols .col-item.sm14.c1 {
    width: 7.14%;
  }
  .cmsmodul.container.cols .col-item.sm15.c1 {
    width: 6.66%;
  }
  .cmsmodul.container.cols .col-item.sm16.c1 {
    width: 6.25%;
  }
  .cmsmodul.container.cols .col-item.sm17.c1 {
    width: 5.88%;
  }
  .cmsmodul.container.cols .col-item.sm18.c1 {
    width: 5.55%;
  }
  .cmsmodul.container.cols .col-item.sm19.c1 {
    width: 5.26%;
  }
  .cmsmodul.container.cols .col-item.sm20.c1 {
    width: 5%;
  }
  .cmsmodul.container.cols .col-item.sm21.c1 {
    width: 4.76%;
  }
  .cmsmodul.container.cols .col-item.sm22.c1 {
    width: 4.54%;
  }
  .cmsmodul.container.cols .col-item.sm23.c1 {
    width: 4.34%;
  }
  .cmsmodul.container.cols .col-item.sm24.c1 {
    width: 4.16%;
  }
  .cmsmodul.container.cols .col-item.sm25.c1 {
    width: 4%;
  }
  .cmsmodul.container.cols .col-item.sm26.c1 {
    width: 3.84%;
  }
  .cmsmodul.container.cols .col-item.sm27.c1 {
    width: 3.7%;
  }
  .cmsmodul.container.cols .col-item.sm28.c1 {
    width: 3.57%;
  }
  .cmsmodul.container.cols .col-item.sm29.c1 {
    width: 3.44%;
  }
  .cmsmodul.container.cols .col-item.sm30.c1 {
    width: 3.33%;
  }
  .cmsmodul.container.cols .col-item.sm31.c1 {
    width: 3.22%;
  }
  .cmsmodul.container.cols .col-item.sm32.c1 {
    width: 3.12%;
  }
  .cmsmodul.container.cols .col-item.sm33.c1 {
    width: 3.03%;
  }
  .cmsmodul.container.cols .col-item.sm34.c1 {
    width: 2.94%;
  }
  .cmsmodul.container.cols .col-item.sm35.c1 {
    width: 2.85%;
  }
  .cmsmodul.container.cols .col-item.sm36.c1 {
    width: 2.77%;
  }
  .cmsmodul.container.cols .col-item.sm37.c1 {
    width: 2.7%;
  }
  .cmsmodul.container.cols .col-item.sm38.c1 {
    width: 2.63%;
  }
  .cmsmodul.container.cols .col-item.sm39.c1 {
    width: 2.56%;
  }
  .cmsmodul.container.cols .col-item.sm40.c1 {
    width: 2.5%;
  }
  .cmsmodul.container.cols .col-item.sm41.c1 {
    width: 2.43%;
  }
  .cmsmodul.container.cols .col-item.sm42.c1 {
    width: 2.38%;
  }
  .cmsmodul.container.cols .col-item.sm43.c1 {
    width: 2.32%;
  }
  .cmsmodul.container.cols .col-item.sm44.c1 {
    width: 2.27%;
  }
  .cmsmodul.container.cols .col-item.sm3.c3 {
    width: 100%;
  }
  .cmsmodul.container.cols .col-item.sm4.c3 {
    width: 75%;
  }
  .cmsmodul.container.cols .col-item.sm5.c3 {
    width: 60%;
  }
  .cmsmodul.container.cols .col-item.sm6.c3 {
    width: 50%;
  }
  .cmsmodul.container.cols .col-item.sm7.c3 {
    width: 42.85%;
  }
  .cmsmodul.container.cols .col-item.sm8.c3 {
    width: 37.5%;
  }
  .cmsmodul.container.cols .col-item.sm9.c3 {
    width: 33.33%;
  }
  .cmsmodul.container.cols .col-item.sm10.c3 {
    width: 30%;
  }
  .cmsmodul.container.cols .col-item.sm11.c3 {
    width: 27.27%;
  }
  .cmsmodul.container.cols .col-item.sm12.c3 {
    width: 25%;
  }
  .cmsmodul.container.cols .col-item.sm13.c3 {
    width: 23.07%;
  }
  .cmsmodul.container.cols .col-item.sm14.c3 {
    width: 21.42%;
  }
  .cmsmodul.container.cols .col-item.sm15.c3 {
    width: 20%;
  }
  .cmsmodul.container.cols .col-item.sm16.c3 {
    width: 18.75%;
  }
  .cmsmodul.container.cols .col-item.sm17.c3 {
    width: 17.64%;
  }
  .cmsmodul.container.cols .col-item.sm18.c3 {
    width: 16.66%;
  }
  .cmsmodul.container.cols .col-item.sm19.c3 {
    width: 15.78%;
  }
  .cmsmodul.container.cols .col-item.sm20.c3 {
    width: 15%;
  }
  .cmsmodul.container.cols .col-item.sm21.c3 {
    width: 14.28%;
  }
  .cmsmodul.container.cols .col-item.sm22.c3 {
    width: 13.63%;
  }
  .cmsmodul.container.cols .col-item.sm23.c3 {
    width: 13.04%;
  }
  .cmsmodul.container.cols .col-item.sm24.c3 {
    width: 12.5%;
  }
  .cmsmodul.container.cols .col-item.sm25.c3 {
    width: 12%;
  }
  .cmsmodul.container.cols .col-item.sm26.c3 {
    width: 11.53%;
  }
  .cmsmodul.container.cols .col-item.sm27.c3 {
    width: 11.11%;
  }
  .cmsmodul.container.cols .col-item.sm28.c3 {
    width: 10.71%;
  }
  .cmsmodul.container.cols .col-item.sm29.c3 {
    width: 10.34%;
  }
  .cmsmodul.container.cols .col-item.sm30.c3 {
    width: 10%;
  }
  .cmsmodul.container.cols .col-item.sm31.c3 {
    width: 9.67%;
  }
  .cmsmodul.container.cols .col-item.sm32.c3 {
    width: 9.37%;
  }
  .cmsmodul.container.cols .col-item.sm33.c3 {
    width: 9.09%;
  }
  .cmsmodul.container.cols .col-item.sm34.c3 {
    width: 8.82%;
  }
  .cmsmodul.container.cols .col-item.sm35.c3 {
    width: 8.57%;
  }
  .cmsmodul.container.cols .col-item.sm36.c3 {
    width: 8.33%;
  }
  .cmsmodul.container.cols .col-item.sm37.c3 {
    width: 8.1%;
  }
  .cmsmodul.container.cols .col-item.sm38.c3 {
    width: 7.89%;
  }
  .cmsmodul.container.cols .col-item.sm39.c3 {
    width: 7.69%;
  }
  .cmsmodul.container.cols .col-item.sm40.c3 {
    width: 7.5%;
  }
  .cmsmodul.container.cols .col-item.sm41.c3 {
    width: 7.31%;
  }
  .cmsmodul.container.cols .col-item.sm42.c3 {
    width: 7.14%;
  }
  .cmsmodul.container.cols .col-item.sm43.c3 {
    width: 6.97%;
  }
  .cmsmodul.container.cols .col-item.sm44.c3 {
    width: 6.81%;
  }
  .cmsmodul.container.cols .col-item.sm5.c5 {
    width: 100%;
  }
  .cmsmodul.container.cols .col-item.sm6.c5 {
    width: 83.33%;
  }
  .cmsmodul.container.cols .col-item.sm7.c5 {
    width: 71.42%;
  }
  .cmsmodul.container.cols .col-item.sm8.c5 {
    width: 62.5%;
  }
  .cmsmodul.container.cols .col-item.sm9.c5 {
    width: 55.55%;
  }
  .cmsmodul.container.cols .col-item.sm10.c5 {
    width: 50%;
  }
  .cmsmodul.container.cols .col-item.sm11.c5 {
    width: 45.45%;
  }
  .cmsmodul.container.cols .col-item.sm12.c5 {
    width: 41.66%;
  }
  .cmsmodul.container.cols .col-item.sm13.c5 {
    width: 38.46%;
  }
  .cmsmodul.container.cols .col-item.sm14.c5 {
    width: 35.71%;
  }
  .cmsmodul.container.cols .col-item.sm15.c5 {
    width: 33.33%;
  }
  .cmsmodul.container.cols .col-item.sm16.c5 {
    width: 31.25%;
  }
  .cmsmodul.container.cols .col-item.sm17.c5 {
    width: 29.41%;
  }
  .cmsmodul.container.cols .col-item.sm18.c5 {
    width: 27.77%;
  }
  .cmsmodul.container.cols .col-item.sm19.c5 {
    width: 26.31%;
  }
  .cmsmodul.container.cols .col-item.sm20.c5 {
    width: 25%;
  }
  .cmsmodul.container.cols .col-item.sm21.c5 {
    width: 23.8%;
  }
  .cmsmodul.container.cols .col-item.sm22.c5 {
    width: 22.72%;
  }
  .cmsmodul.container.cols .col-item.sm23.c5 {
    width: 21.73%;
  }
  .cmsmodul.container.cols .col-item.sm24.c5 {
    width: 20.83%;
  }
  .cmsmodul.container.cols .col-item.sm25.c5 {
    width: 20%;
  }
  .cmsmodul.container.cols .col-item.sm26.c5 {
    width: 19.23%;
  }
  .cmsmodul.container.cols .col-item.sm27.c5 {
    width: 18.51%;
  }
  .cmsmodul.container.cols .col-item.sm28.c5 {
    width: 17.85%;
  }
  .cmsmodul.container.cols .col-item.sm29.c5 {
    width: 17.24%;
  }
  .cmsmodul.container.cols .col-item.sm30.c5 {
    width: 16.66%;
  }
  .cmsmodul.container.cols .col-item.sm31.c5 {
    width: 16.12%;
  }
  .cmsmodul.container.cols .col-item.sm32.c5 {
    width: 15.62%;
  }
  .cmsmodul.container.cols .col-item.sm33.c5 {
    width: 15.15%;
  }
  .cmsmodul.container.cols .col-item.sm34.c5 {
    width: 14.7%;
  }
  .cmsmodul.container.cols .col-item.sm35.c5 {
    width: 14.28%;
  }
  .cmsmodul.container.cols .col-item.sm36.c5 {
    width: 13.88%;
  }
  .cmsmodul.container.cols .col-item.sm37.c5 {
    width: 13.51%;
  }
  .cmsmodul.container.cols .col-item.sm38.c5 {
    width: 13.15%;
  }
  .cmsmodul.container.cols .col-item.sm39.c5 {
    width: 12.82%;
  }
  .cmsmodul.container.cols .col-item.sm40.c5 {
    width: 12.5%;
  }
  .cmsmodul.container.cols .col-item.sm41.c5 {
    width: 12.19%;
  }
  .cmsmodul.container.cols .col-item.sm42.c5 {
    width: 11.9%;
  }
  .cmsmodul.container.cols .col-item.sm43.c5 {
    width: 11.62%;
  }
  .cmsmodul.container.cols .col-item.sm44.c5 {
    width: 11.36%;
  }
  .cmsmodul.container.cols .col-item.sm7.c7 {
    width: 100%;
  }
  .cmsmodul.container.cols .col-item.sm8.c7 {
    width: 87.5%;
  }
  .cmsmodul.container.cols .col-item.sm9.c7 {
    width: 77.77%;
  }
  .cmsmodul.container.cols .col-item.sm10.c7 {
    width: 70%;
  }
  .cmsmodul.container.cols .col-item.sm11.c7 {
    width: 63.63%;
  }
  .cmsmodul.container.cols .col-item.sm12.c7 {
    width: 58.33%;
  }
  .cmsmodul.container.cols .col-item.sm13.c7 {
    width: 53.84%;
  }
  .cmsmodul.container.cols .col-item.sm14.c7 {
    width: 50%;
  }
  .cmsmodul.container.cols .col-item.sm15.c7 {
    width: 46.66%;
  }
  .cmsmodul.container.cols .col-item.sm16.c7 {
    width: 43.75%;
  }
  .cmsmodul.container.cols .col-item.sm17.c7 {
    width: 41.17%;
  }
  .cmsmodul.container.cols .col-item.sm18.c7 {
    width: 38.88%;
  }
  .cmsmodul.container.cols .col-item.sm19.c7 {
    width: 36.84%;
  }
  .cmsmodul.container.cols .col-item.sm20.c7 {
    width: 35%;
  }
  .cmsmodul.container.cols .col-item.sm21.c7 {
    width: 33.33%;
  }
  .cmsmodul.container.cols .col-item.sm22.c7 {
    width: 31.81%;
  }
  .cmsmodul.container.cols .col-item.sm23.c7 {
    width: 30.43%;
  }
  .cmsmodul.container.cols .col-item.sm24.c7 {
    width: 29.16%;
  }
  .cmsmodul.container.cols .col-item.sm25.c7 {
    width: 28%;
  }
  .cmsmodul.container.cols .col-item.sm26.c7 {
    width: 26.92%;
  }
  .cmsmodul.container.cols .col-item.sm27.c7 {
    width: 25.92%;
  }
  .cmsmodul.container.cols .col-item.sm28.c7 {
    width: 25%;
  }
  .cmsmodul.container.cols .col-item.sm29.c7 {
    width: 24.13%;
  }
  .cmsmodul.container.cols .col-item.sm30.c7 {
    width: 23.33%;
  }
  .cmsmodul.container.cols .col-item.sm31.c7 {
    width: 22.58%;
  }
  .cmsmodul.container.cols .col-item.sm32.c7 {
    width: 21.87%;
  }
  .cmsmodul.container.cols .col-item.sm33.c7 {
    width: 21.21%;
  }
  .cmsmodul.container.cols .col-item.sm34.c7 {
    width: 20.58%;
  }
  .cmsmodul.container.cols .col-item.sm35.c7 {
    width: 20%;
  }
  .cmsmodul.container.cols .col-item.sm36.c7 {
    width: 19.44%;
  }
  .cmsmodul.container.cols .col-item.sm37.c7 {
    width: 18.91%;
  }
  .cmsmodul.container.cols .col-item.sm38.c7 {
    width: 18.42%;
  }
  .cmsmodul.container.cols .col-item.sm39.c7 {
    width: 17.94%;
  }
  .cmsmodul.container.cols .col-item.sm40.c7 {
    width: 17.5%;
  }
  .cmsmodul.container.cols .col-item.sm41.c7 {
    width: 17.07%;
  }
  .cmsmodul.container.cols .col-item.sm42.c7 {
    width: 16.66%;
  }
  .cmsmodul.container.cols .col-item.sm43.c7 {
    width: 16.27%;
  }
  .cmsmodul.container.cols .col-item.sm44.c7 {
    width: 15.9%;
  }
  .cmsmodul.container.cols .col-item.sm9.c9 {
    width: 100%;
  }
  .cmsmodul.container.cols .col-item.sm10.c9 {
    width: 90%;
  }
  .cmsmodul.container.cols .col-item.sm11.c9 {
    width: 81.81%;
  }
  .cmsmodul.container.cols .col-item.sm12.c9 {
    width: 75%;
  }
  .cmsmodul.container.cols .col-item.sm13.c9 {
    width: 69.23%;
  }
  .cmsmodul.container.cols .col-item.sm14.c9 {
    width: 64.28%;
  }
  .cmsmodul.container.cols .col-item.sm15.c9 {
    width: 60%;
  }
  .cmsmodul.container.cols .col-item.sm16.c9 {
    width: 56.25%;
  }
  .cmsmodul.container.cols .col-item.sm17.c9 {
    width: 52.94%;
  }
  .cmsmodul.container.cols .col-item.sm18.c9 {
    width: 50%;
  }
  .cmsmodul.container.cols .col-item.sm19.c9 {
    width: 47.36%;
  }
  .cmsmodul.container.cols .col-item.sm20.c9 {
    width: 45%;
  }
  .cmsmodul.container.cols .col-item.sm21.c9 {
    width: 42.85%;
  }
  .cmsmodul.container.cols .col-item.sm22.c9 {
    width: 40.9%;
  }
  .cmsmodul.container.cols .col-item.sm23.c9 {
    width: 39.13%;
  }
  .cmsmodul.container.cols .col-item.sm24.c9 {
    width: 37.5%;
  }
  .cmsmodul.container.cols .col-item.sm25.c9 {
    width: 36%;
  }
  .cmsmodul.container.cols .col-item.sm26.c9 {
    width: 34.61%;
  }
  .cmsmodul.container.cols .col-item.sm27.c9 {
    width: 33.33%;
  }
  .cmsmodul.container.cols .col-item.sm28.c9 {
    width: 32.14%;
  }
  .cmsmodul.container.cols .col-item.sm29.c9 {
    width: 31.03%;
  }
  .cmsmodul.container.cols .col-item.sm30.c9 {
    width: 30%;
  }
  .cmsmodul.container.cols .col-item.sm31.c9 {
    width: 29.03%;
  }
  .cmsmodul.container.cols .col-item.sm32.c9 {
    width: 28.12%;
  }
  .cmsmodul.container.cols .col-item.sm33.c9 {
    width: 27.27%;
  }
  .cmsmodul.container.cols .col-item.sm34.c9 {
    width: 26.47%;
  }
  .cmsmodul.container.cols .col-item.sm35.c9 {
    width: 25.71%;
  }
  .cmsmodul.container.cols .col-item.sm36.c9 {
    width: 25%;
  }
  .cmsmodul.container.cols .col-item.sm37.c9 {
    width: 24.32%;
  }
  .cmsmodul.container.cols .col-item.sm38.c9 {
    width: 23.68%;
  }
  .cmsmodul.container.cols .col-item.sm39.c9 {
    width: 23.07%;
  }
  .cmsmodul.container.cols .col-item.sm40.c9 {
    width: 22.5%;
  }
  .cmsmodul.container.cols .col-item.sm41.c9 {
    width: 21.95%;
  }
  .cmsmodul.container.cols .col-item.sm42.c9 {
    width: 21.42%;
  }
  .cmsmodul.container.cols .col-item.sm43.c9 {
    width: 20.93%;
  }
  .cmsmodul.container.cols .col-item.sm44.c9 {
    width: 20.45%;
  }
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
#duplicate-check,
#launcher {
  transition: bottom 200ms ease-in-out;
}
#cookie-bar {
  background: #007de1;
  height: auto;
  line-height: 24px;
  color: #fff;
  text-align: center;
  padding: 12px 0;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 90;
  display: flex;
  align-items: center;
  border-top: 5px solid rgba(255, 255, 255, 0.1);
}
@media screen and (min-width: 640px) {
  
}
#cookie-bar p {
  text-align: left;
  display: block;
  padding: 8px 15px;
  max-width: 840px;
  margin: 0 auto;
  line-height: 110%;
  text-align: center;
}
#cookie-bar p a {
  display: inline-block !important;
  margin: 8px 12px;
  color: #fff;
}
#cookie-bar p a:not(.cb-enable) {
  margin-bottom: 12px;
}
@media screen and (min-width: 640px) {
  #cookie-bar p a:not(.cb-enable) {
    margin-bottom: 0;
  }
}
#cookie-bar p a.cb-enable {
  background: var(--lightblue);
  border-radius: 48px;
  color: var(--button2-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
#cookie-bar p a.cb-enable:hover,
#cookie-bar p a.cb-enable:focus {
  background: var(--darkblue);
  color: #fff;
}


/*Datepicker*/
.datepicker{display:none;position:absolute;padding:4px;margin-top:1px;direction:ltr}.datepicker.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;list-style:none;background-color:#fff;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;color:#333;font-size:13px;line-height:18px}.datepicker.dropdown-menu td,.datepicker.dropdown-menu th{padding:4px 5px}.datepicker table{border:0;margin:0;width:auto}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;border:0;font-size:12px;padding:4px 8px;cursor:pointer}.datepicker td{background:#fff}.datepicker td span.active,.datepicker td.active.day,.datepicker td.active.year{background:#2ba6cb}.datepicker td.new,.datepicker td.old{color:#999}.datepicker td.day.disabled{color:#eee}.datepicker td:hover{background:#f3f3f3}.datepicker th{background:#fff}.datepicker th span.active,.datepicker th.active.day,.datepicker th.active.year{background:#2ba6cb}.datepicker th.date-switch{width:145px}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.datepicker.days div.datepicker-days,.datepicker.months div.datepicker-months,.datepicker.years div.datepicker-years{display:block}.datepicker-dropdown:after,.datepicker-dropdown:before{content:'';display:inline-block;position:absolute}.datepicker thead tr:first-child th{cursor:pointer}.datepicker thead tr:first-child th.cw{cursor:default;background-color:transparent}.datepicker tfoot tr:first-child th{cursor:pointer}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:1px solid rgba(0,0,0,.2);top:-7px;left:6px}.datepicker-dropdown:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;top:-6px;left:7px}.datepicker-dropdown::after,.datepicker-dropdown::before,.datepicker>div{display:none}.datepicker-close{position:absolute;top:-30px;right:0;width:15px;height:30px;padding:0;display:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
/*TIMEPICKER*/
.stwtimepicker-popup { display:block; width:430px; background:#fff; border:1px solid #888; position:absolute; z-index:50 }
.stwtimepicker-popup span { display:inline-block; cursor:pointer; box-sizing:border-box; width:10%; padding:6px 0; text-align:center; border-right:1px solid #888; font-size:.8em; }
.stwtimepicker-popup span:nth-child(10n+10) { border-right:none }
.stwtimepicker-popup span:hover { background:#eee }
/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
/*Dialog*/

html.dialog-active body {
  overflow: hidden;
}
html.dialog-active body:before {
  background: rgba(0, 0, 0, 0.74);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  content: '';
  opacity: 1;
}
.dialog {
  background: #edf6fd;
  color: #000;
  border-top: 8px solid #007de1;
  padding: 20px;
  box-sizing: border-box;
  position: fixed;
  z-index: 100010;
  bottom: -1400px;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  transition: bottom 400ms ease;
  -webkit-transition: bottom 400ms ease;
  -moz-transition: bottom 400ms ease;
  -o-transition: bottom 400ms ease;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
@media screen and (min-width: 640px) {
  .dialog {
    height: auto;
    min-height: 80vh;
    box-shadow: 0 -5px 20px #969696;
  }
}
.dialog .close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  background: var(--blue);
  color: #fff;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
}
.dialog .close:before {
  content: 'X';
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  font-size: 16px;
  font-weight: 900;
  margin-top: 2px;
  color: #fff;
}
.dialog .close:hover {
  background: #ffcd1c;
}
.dialog .close:hover:before {
  color: #000;
}
.dialog.active {
  bottom: 0;
}
.dialog h3 {
  color: #000;
}
.pop-chartdetail.active {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: stretch;
}
.pop-chartdetail.active iframe {
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
}
.pop-chartdetail.active .btns {
  margin-top: 20px;
  text-align: center;
}
.pop-chartdetail.active .btns button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.pop-chartdetail.active .btns button:hover,
.pop-chartdetail.active .btns button:focus {
  background: var(--darkblue);
}
[data-theme='dark'] .dialog {
  background: #555555;
  border-color: #e1bb36;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
#duplicate-check.hide {
  display: none;
}
#duplicate-check:not(.hide) {
  position: fixed;
  left: 10px;
  bottom: 0;
  margin-bottom: 15px;
  padding: 13px 22px;
  background-color: #0e0c01;
  border-radius: 23px;
  color: #007de1;
  min-width: 350px;
  z-index: 1000;
}
#duplicate-check:not(.hide) > p {
  max-width: 400px;
  font-size: 0.8rem;
}
#duplicate-check:not(.hide) br {
  display: none;
}
#duplicate-check:not(.hide) .centre {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "info info" "btn1 btn1" "btn2 btn2";
  column-gap: 12px;
  row-gap: 12px;
  margin-top: 6px;
}
@media screen and (min-width: 640px) {
  #duplicate-check:not(.hide) .centre {
    grid-template-areas: "info info" "btn1 btn2";
  }
}
#duplicate-check:not(.hide) .centre > a {
  flex: 1 1 auto;
}
#duplicate-check:not(.hide) .centre > a.dc-moreInfo {
  grid-area: btn1;
}
#duplicate-check:not(.hide) .centre > a.dc-accept {
  grid-area: btn2;
}
#duplicate-check:not(.hide) .centre #more-info {
  grid-area: info;
  position: relative;
  width: 100%;
  order: -1;
  background-color: #007de1;
  padding: 8px 24px 8px 12px;
  display: none;
  border-radius: 6px;
  font-size: 0.8em;
}
#duplicate-check:not(.hide) .centre #more-info.display {
  display: block;
}
#duplicate-check:not(.hide) .centre #more-info .dc-close {
  position: absolute;
  top: 5px;
  right: 5px;
}
#duplicate-check:not(.hide) .centre #more-info .devices {
  padding: 5px 0;
  display: block;
  border: none;
  text-align: left;
}
#duplicate-check:not(.hide) .centre #more-info .devices:not(:first-child) {
  border-top: #007de1;
}
#duplicate-check:not(.hide) .centre #more-info .devices .dc-logout {
  display: inline-block;
  margin: 4px 0 0 4px;
  text-transform: uppercase;
  font-size: 0.8em;
  text-decoration: none;
  font-weight: 700;
  float: right;
}
#duplicate-check:not(.hide) .centre #more-info .devices .dc-logout:hover {
  text-decoration: underline;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.em-accounttransfer {
  max-width: 500px;
  margin: 0 auto;
  padding: 20px;
}
.em-accounttransfer .transfer-money {
  text-align: center;
  background: var(--lightblue);
  padding: 30px 20px;
  border-radius: 8px;
  color: #111;
}
.em-accounttransfer .transfer-money.loading {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
.em-accounttransfer .transfer-money .value {
  font-weight: bold;
}
.em-accounttransfer .transfer-money .amount-container {
  margin: 20px 0;
}
.em-accounttransfer .transfer-money .amount-container input.amount {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
  width: 140px;
  margin: 20px 0;
  text-align: center;
  font-size: 1.2rem !important;
}
.em-accounttransfer .transfer-money .amount-container input.amount::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.em-accounttransfer .transfer-money .amount-container .amount-range {
  -webkit-appearance: none;
  /* Standard-Styles in Webkit (Chrome, Safari) entfernen */
  width: 300px;
  height: 12px;
  background: var(--lightblue2);
  border-radius: 6px;
  outline: none;
  /* Chrome, Safari, Edge */

  /* Firefox */

}
.em-accounttransfer .transfer-money .amount-container .amount-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--blue);
  cursor: pointer;
  border: none;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
.em-accounttransfer .transfer-money .amount-container .amount-range::-moz-range-thumb {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--blue);
  cursor: pointer;
  border: none;
}
.em-accounttransfer .transfer-money .amount-container > div {
  position: relative;
}
.em-accounttransfer .transfer-money .amount-container > div .currency {
  position: absolute;
  left: calc(50% + 28px);
  top: 34px;
  font-size: 1.2rem !important;
  color: #edf6fd;
}
.em-accounttransfer .transfer-btn {
  padding-top: 20px;
  margin-top: 20px;
  text-align: center;
  width: 100%;
}
.em-accounttransfer .transfer-btn button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.em-accounttransfer .transfer-btn button:hover,
.em-accounttransfer .transfer-btn button:focus {
  background: var(--darkblue);
}
.em-accounttransfer .transfer-money-done {
  text-align: center;
  padding: 20px 0;
  margin: 20px 0;
}
.em-accounttransfer .transfer-money-done h2 {
  font-size: 1.5rem;
}
.em-accounttransfer .transfer-money-done .status-1 .icon-ok {
  display: block;
  background: url(/content/css/lopocacom2/images/thumbsup.gif) no-repeat center center;
  background-size: 100px 100px;
  width: 110px;
  height: 100px;
  border-radius: 250px;
  margin: 20px auto 40px auto;
}
.em-accounttransfer .transfer-money-done .status-2 .info {
  padding: 20px;
  border-radius: 8px;
  background: #edf6fd;
  color: #007de1;
}
.em-accounttransfer .transfer-money-done .button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.em-accounttransfer .transfer-money-done .button:hover,
.em-accounttransfer .transfer-money-done .button:focus {
  background: var(--darkblue);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.main_wrapper .pageerr {
  text-align: center;
  padding: 60px;
}
.main_wrapper .pageerr:before {
  background: #ffcd1c url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9Ikd1aWRlIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOndoaXRlO308L3N0eWxlPjwvZGVmcz48dGl0bGUvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE2LDJBMTQsMTQsMCwxLDAsMzAsMTYsMTQsMTQsMCwwLDAsMTYsMlptMCwyNkExMiwxMiwwLDEsMSwyOCwxNiwxMiwxMiwwLDAsMSwxNiwyOFpNMTMuODksMTAuNTVhMSwxLDAsMCwxLS41MiwxLjMxTDguNDIsMTRhMS4wOSwxLjA5LDAsMCwxLS4zOS4wOCwxLDEsMCwwLDEtLjQtMS45Mmw1LTIuMTJBMSwxLDAsMCwxLDEzLjg5LDEwLjU1Wk0xMiwxNi41QTEuNSwxLjUsMCwxLDEsMTAuNSwxNSwxLjUsMS41LDAsMCwxLDEyLDE2LjVabTEyLjg5LTMuMDVhMSwxLDAsMCwxLS45Mi42MSwxLjA5LDEuMDksMCwwLDEtLjM5LS4wOGwtNC45NS0yLjEyQTEsMSwwLDAsMSwxOS40MiwxMGw0Ljk1LDIuMTJBMSwxLDAsMCwxLDI0Ljg5LDEzLjQ1Wk0yMywxNi41QTEuNSwxLjUsMCwxLDEsMjEuNSwxNSwxLjUsMS41LDAsMCwxLDIzLDE2LjVaIi8+PC9zdmc+);
  margin: 20px auto;
  background-size: contain;
  content: '';
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 100px;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
/*Avenir @font1 for text and brandon @font2 for titles*/

/* Avenir Black */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Black.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Black.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Black.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Black.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Black.svg#Avenir-Black) format('svg');
  font-weight: 900;
  font-style: normal;
}
/* Avenir Black Oblique */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-BlackOblique.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-BlackOblique.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-BlackOblique.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-BlackOblique.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-BlackOblique.svg#Avenir-BlackOblique) format('svg');
  font-weight: 900;
  font-style: italic;
}
/* Avenir Book */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Book.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Book.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Book.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Book.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Book.svg#Avenir-Book) format('svg');
  font-weight: 400;
  font-style: normal;
}
/* Avenir Book Oblique */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-BookOblique.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-BookOblique.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-BookOblique.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-BookOblique.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-BookOblique.svg#Avenir-BookOblique) format('svg');
  font-weight: 400;
  font-style: italic;
}
/* Avenir Heavy */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Heavy.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Heavy.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Heavy.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Heavy.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Heavy.svg#Avenir-Heavy) format('svg');
  font-weight: 700;
  font-style: normal;
}
/* Avenir Heavy Oblique */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-HeavyOblique.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-HeavyOblique.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-HeavyOblique.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-HeavyOblique.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-HeavyOblique.svg#Avenir-HeavyOblique) format('svg');
  font-weight: 700;
  font-style: italic;
}
/* Avenir Light */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Light.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Light.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Light.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Light.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Light.svg#Avenir-Light) format('svg');
  font-weight: 300;
  font-style: normal;
}
/* Avenir Light Oblique */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-LightOblique.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-LightOblique.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-LightOblique.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-LightOblique.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-LightOblique.svg#Avenir-LightOblique) format('svg');
  font-weight: 300;
  font-style: italic;
}
/* Avenir Medium */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Medium.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Medium.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Medium.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Medium.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Medium.svg#Avenir-Medium) format('svg');
  font-weight: 500;
  font-style: normal;
}
/* Avenir Medium Oblique */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-MediumOblique.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-MediumOblique.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-MediumOblique.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-MediumOblique.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-MediumOblique.svg#Avenir-MediumOblique) format('svg');
  font-weight: 500;
  font-style: italic;
}
/* Avenir Roman */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Roman.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Roman.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Roman.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Roman.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Roman.svg#Avenir-Roman) format('svg');
  font-weight: 400;
  font-style: normal;
}
/* Avenir Oblique */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Oblique.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Oblique.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Oblique.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Oblique.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Oblique.svg#Avenir-Oblique) format('svg');
  font-weight: 400;
  font-style: italic;
}
/* Avenir Next UltraLight */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/AvenirNext-UltraLight.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/AvenirNext-UltraLight.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/AvenirNext-UltraLight.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/AvenirNext-UltraLight.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/AvenirNext-UltraLight.svg#AvenirNext-UltraLight) format('svg');
  font-weight: 100;
  font-style: normal;
}
/* Brandon Black */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_blk-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_blk-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_blk-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_blk-webfont.woff) format('woff');
  font-weight: 900;
  font-style: normal;
}
/* Brandon Black Italic */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_blk_it-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_blk_it-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_blk_it-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_blk_it-webfont.woff) format('woff');
  font-weight: 900;
  font-style: italic;
}
/* Brandon Bold */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_bld-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_bld-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_bld-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_bld-webfont.woff) format('woff');
  font-weight: 700;
  font-style: normal;
}
/* Brandon Bold Italic */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_bld_it-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_bld_it-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_bld_it-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_bld_it-webfont.woff) format('woff');
  font-weight: 700;
  font-style: italic;
}
/* Brandon Medium */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_med-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_med-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_med-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_med-webfont.woff) format('woff');
  font-weight: 500;
  font-style: normal;
}
/* Brandon Medium Italic */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_med_it-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_med_it-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_med_it-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_med_it-webfont.woff) format('woff');
  font-weight: 500;
  font-style: italic;
}
/* Brandon Regular */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_reg-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_reg-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_reg-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_reg-webfont.woff) format('woff');
  font-weight: 400;
  font-style: normal;
}
/* Brandon Regular Italic */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_reg_it-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_reg_it-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_reg_it-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_reg_it-webfont.woff) format('woff');
  font-weight: 400;
  font-style: italic;
}
/* Brandon Light */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_light-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_light-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_light-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_light-webfont.woff) format('woff');
  font-weight: 300;
  font-style: normal;
}
/* Brandon Light Italic */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_light_it-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_light_it-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_light_it-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_light_it-webfont.woff) format('woff');
  font-weight: 300;
  font-style: italic;
}
/* Brandon Thin */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_thin-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_thin-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_thin-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_thin-webfont.woff) format('woff');
  font-weight: 100;
  font-style: normal;
}
/* Brandon Thin Italic */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_thin_it-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_thin_it-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_thin_it-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_thin_it-webfont.woff) format('woff');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'FontAwesome';
  src: url(/content/css/lopocacom2/fonts/fontawesome-webfont.eot?v=4.4.0);
  src: url(/content/css/lopocacom2/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/fontawesome-webfont.woff2?v=4.4.0) format('woff2'), url(/content/css/lopocacom2/fonts/fontawesome-webfont.woff?v=4.4.0) format('woff'), url(/content/css/lopocacom2/fonts/fontawesome-webfont.ttf?v=4.4.0) format('truetype'), url(/content/css/lopocacom2/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format('svg');
  font-weight: normal;
  font-style: normal;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
footer {
  background: #edf6fd;
  padding-top: 20px;
}
footer a {
  text-decoration: none;
}
footer .social-media {
  text-align: center;
  padding: 40px 20px 0 20px;
}
footer .social-media .channels .title {
  font-family: 'Brandon';
  font-weight: 700;
  text-transform: uppercase;
}
footer .social-media .channels ul {
  display: flex;
  justify-content: center;
  margin: 8px 0 30px 0;
}
footer .social-media .channels ul li a {
  display: block;
  margin: 4px 8px;
  width: 25px;
  height: 25px;
  background: url(/content/css/lopocacom2/images/facebook.svg) no-repeat center center;
}
@media screen and (min-width: 800px) {
  footer .social-media .channels ul li a {
    width: 35px;
    height: 35px;
  }
}
footer .social-media .channels ul li a.instagram {
  background-image: url(/content/css/lopocacom2/images/instagram.svg);
}
footer .social-media .channels ul li a.linkedin {
  background-image: url(/content/css/lopocacom2/images/linkedin.svg);
}
footer .social-media .channels ul li a.youtube {
  background-image: url(/content/css/lopocacom2/images/ytube.svg);
}
footer .social-media .channels ul li a.telegram {
  background-image: url(/content/css/lopocacom2/images/telegram.svg);
}
footer .social-media .channels ul li a:hover,
footer .social-media .channels ul li a:focus {
  opacity: 0.5;
}
footer .social-media #cont-share {
  display: none;
}
footer .social-media #cont-share ul {
  display: flex;
  margin: 0 auto;
  justify-content: center;
}
footer .social-media #cont-share ul li a {
  display: block;
  margin: 4px;
  width: 25px;
  height: 25px;
  opacity: 0.6;
  background: url(/content/css/lopocacom2/images/facebook.svg) no-repeat center center;
}
footer .social-media #cont-share ul li a .share_text {
  display: none;
}
footer .social-media #cont-share ul li a:hover,
footer .social-media #cont-share ul li a:focus {
  opacity: 1;
}
footer .social-media #cont-share ul li.twitter a {
  background-image: url(/content/css/lopocacom2/images/x.svg);
}
footer .social-media #cont-share ul li.linkedin a {
  background-image: url(/content/css/lopocacom2/images/linkedin.svg);
}
footer .social-media #cont-share ul li.pinterest a {
  background-image: url(/content/css/lopocacom2/images/pinterest.svg);
}
footer .social-media #cont-share ul li.tumblr a {
  background-image: url(/content/css/lopocacom2/images/tumblr.svg);
}
footer .social-media #cont-share ul li.reddit a {
  background-image: url(/content/css/lopocacom2/images/reddit.svg);
}
footer .lng {
  text-align: center;
  margin-bottom: 20px;
}
footer .lng a {
  background: rgba(0, 0, 0, 0.7);
  padding: 6px 12px;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
}
footer .lng a:hover,
footer .lng a:focus {
  background: #111;
}
footer nav {
  padding: 10px;
}
footer nav ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
footer nav ul li a {
  display: block;
  color: #111;
  padding: 12px;
}
footer nav ul li a:hover,
footer nav ul li a:focus {
  text-decoration: underline;
}
footer .payments {
  display: flex;
  background: #007de1;
  padding: 40px 20px 20px 20px;
  justify-content: center;
  margin-top: 20px;
  flex-wrap: wrap;
}
footer .payments span,
footer .payments a {
  background: url(/content/css/lopocacom2/images/sprite-payments.png);
  height: 44px;
  margin: 8px;
  flex-shrink: 0;
}
footer .payments span.mastercard,
footer .payments a.mastercard {
  width: 69px;
  background-position-x: -75px;
}
footer .payments span.skrill,
footer .payments a.skrill {
  width: 62px;
  background-position-x: -150px;
}
footer .payments span.paysafecard,
footer .payments a.paysafecard {
  width: 116px;
  background-position-x: -225px;
}
footer .payments span.sepaexpress,
footer .payments a.sepaexpress {
  width: 94px;
  background-position-x: -525px;
}
footer .payments span.sofort,
footer .payments a.sofort {
  width: 41px;
  background-position-x: -675px;
}
footer .payments span.wiretransfer,
footer .payments a.wiretransfer {
  width: 36px;
  background-position-x: -750px;
}
footer .payments span.appleypay,
footer .payments a.appleypay {
  background: url(/content/css/lopocacom2/images/apple-pay.png) no-repeat;
  background-size: contain;
  width: 80px;
}
footer .payments span.interac,
footer .payments a.interac {
  background: url(/content/css/lopocacom2/images/interac.png) no-repeat;
  background-size: contain;
  width: 50px;
}
footer .links {
  display: flex;
  background: #007de1;
  padding: 20px;
  justify-content: center;
  flex-wrap: wrap;
}
footer .links a {
  background: url(/content/css/lopocacom2/images/sprite-lnks.png);
  width: 39px;
  height: 44px;
  margin: 8px 15px;
  flex-shrink: 0;
}
footer .links a.mga {
  width: 122px;
  background-position-x: -75px;
}
footer .links a.responsible-gaming {
  width: 146px;
  background-position-x: -225px;
}
footer .links a.gli {
  width: 124px;
  background-position-x: -375px;
}
footer .info-section {
  background: #007de1;
  color: #fff;
  line-height: 1.3;
  text-align: center;
  padding: 20px calc(50% - 340px);
  font-size: 0.9em;
}
footer .info-section a {
  color: #fff;
  text-decoration: none;
}
footer .info-section .address {
  padding-bottom: 20px;
}
footer .copyright {
  background: #007de1;
  padding: 20px 20px 40px 20px;
  color: #fff;
  text-align: center;
  font-size: 0.9em;
}
[data-theme='dark'] footer {
  background: #555555;
}
[data-theme='dark'] footer nav a {
  color: #fff;
}
[data-theme='dark'] footer .channels a {
  filter: brightness(0) invert(1);
}
[data-theme='dark'] footer .payments,
[data-theme='dark'] footer .links,
[data-theme='dark'] footer .info-section,
[data-theme='dark'] footer .copyright {
  background: #111;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
main .grid,
main .earning-ownbenefit,
main .table-wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}
main .grid .gridbtns,
main .earning-ownbenefit .gridbtns,
main .table-wrapper .gridbtns {
  position: absolute;
  top: 15px;
  left: 0;
  z-index: 10;
}
main .grid .paging,
main .earning-ownbenefit .paging,
main .table-wrapper .paging {
  padding: 6px;
  color: var(--blue);
  font-size: 0.9em;
  text-align: right;
  position: relative;
  white-space: nowrap;
}
main .grid .paging select,
main .earning-ownbenefit .paging select,
main .table-wrapper .paging select {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
  width: auto;
  padding: 2px 4px;
  color: var(--blue);
  font-weight: normal;
  vertical-align: middle;
  margin: 0 4px;
}
main .grid .paging select::placeholder,
main .earning-ownbenefit .paging select::placeholder,
main .table-wrapper .paging select::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
main .grid .paging select.pagesize,
main .earning-ownbenefit .paging select.pagesize,
main .table-wrapper .paging select.pagesize {
  margin: 0 20px;
}
main .grid .paging:hover select,
main .earning-ownbenefit .paging:hover select,
main .table-wrapper .paging:hover select {
  background: var(--lightblue);
  color: #111;
}
main .grid .paging .totalpages,
main .earning-ownbenefit .paging .totalpages,
main .table-wrapper .paging .totalpages {
  margin-right: 18px;
}
main .grid .paging .back,
main .earning-ownbenefit .paging .back,
main .table-wrapper .paging .back,
main .grid .paging .next,
main .earning-ownbenefit .paging .next,
main .table-wrapper .paging .next {
  display: inline-block;
  padding: 3px 6px;
  margin-left: 2px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
}
main .grid .paging .back:before,
main .earning-ownbenefit .paging .back:before,
main .table-wrapper .paging .back:before,
main .grid .paging .next:before,
main .earning-ownbenefit .paging .next:before,
main .table-wrapper .paging .next:before {
  display: block;
  text-align: center;
  margin: 0;
}
main .grid .paging .back:not(.disabled):hover,
main .earning-ownbenefit .paging .back:not(.disabled):hover,
main .table-wrapper .paging .back:not(.disabled):hover,
main .grid .paging .next:not(.disabled):hover,
main .earning-ownbenefit .paging .next:not(.disabled):hover,
main .table-wrapper .paging .next:not(.disabled):hover {
  background: #007de1;
  color: #fff;
}
main .grid .paging .back.disabled,
main .earning-ownbenefit .paging .back.disabled,
main .table-wrapper .paging .back.disabled,
main .grid .paging .next.disabled,
main .earning-ownbenefit .paging .next.disabled,
main .table-wrapper .paging .next.disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
main .grid .paging .back:before,
main .earning-ownbenefit .paging .back:before,
main .table-wrapper .paging .back:before {
  content: '<';
}
main .grid .paging .next:before,
main .earning-ownbenefit .paging .next:before,
main .table-wrapper .paging .next:before {
  content: '>';
}
main .grid table,
main .earning-ownbenefit table,
main .table-wrapper table {
  border-collapse: collapse;
  width: 100%;
  font-size: 0.9em;
}
main .grid table thead th,
main .earning-ownbenefit table thead th,
main .table-wrapper table thead th {
  background: var(--lightblue);
  padding: 12px 4px 6px 6px;
  color: var(--button2-text);
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: 700;
  text-align: left;
  position: relative;
  border-bottom: 1px solid var(--lightblue);
}
main .grid table thead th.sel,
main .earning-ownbenefit table thead th.sel,
main .table-wrapper table thead th.sel {
  background: var(--lightblue);
  color: var(--button2-text);
  padding-right: 20px;
}
main .grid table thead th.sel:before,
main .earning-ownbenefit table thead th.sel:before,
main .table-wrapper table thead th.sel:before {
  content: '>';
  position: absolute;
  right: 5px;
  top: 4px;
  transform: rotate(90deg);
  font-size: 10px;
}
main .grid table thead th.sel.desc:before,
main .earning-ownbenefit table thead th.sel.desc:before,
main .table-wrapper table thead th.sel.desc:before {
  transform: rotate(270deg);
}
main .grid table thead th[data-col],
main .earning-ownbenefit table thead th[data-col],
main .table-wrapper table thead th[data-col] {
  cursor: pointer;
}
main .grid table thead th[data-col]:hover,
main .earning-ownbenefit table thead th[data-col]:hover,
main .table-wrapper table thead th[data-col]:hover {
  background: var(--lightblue2);
}
main .grid table thead th.width-2,
main .earning-ownbenefit table thead th.width-2,
main .table-wrapper table thead th.width-2 {
  width: 2%;
}
main .grid table thead th.width-5,
main .earning-ownbenefit table thead th.width-5,
main .table-wrapper table thead th.width-5 {
  width: 5%;
}
main .grid table thead th.width-10,
main .earning-ownbenefit table thead th.width-10,
main .table-wrapper table thead th.width-10 {
  width: 10%;
}
main .grid table thead th.width-20,
main .earning-ownbenefit table thead th.width-20,
main .table-wrapper table thead th.width-20 {
  width: 20%;
}
main .grid table thead th.width-30,
main .earning-ownbenefit table thead th.width-30,
main .table-wrapper table thead th.width-30 {
  width: 30%;
}
main .grid table thead th.width-40,
main .earning-ownbenefit table thead th.width-40,
main .table-wrapper table thead th.width-40 {
  width: 40%;
}
main .grid table thead th.width-10,
main .earning-ownbenefit table thead th.width-10,
main .table-wrapper table thead th.width-10 {
  width: 10%;
}
main .grid table thead th.width-50,
main .earning-ownbenefit table thead th.width-50,
main .table-wrapper table thead th.width-50 {
  width: 50%;
}
main .grid table thead th.width-60,
main .earning-ownbenefit table thead th.width-60,
main .table-wrapper table thead th.width-60 {
  width: 60%;
}
main .grid table thead th.width-70,
main .earning-ownbenefit table thead th.width-70,
main .table-wrapper table thead th.width-70 {
  width: 70%;
}
main .grid table tbody tr td,
main .earning-ownbenefit table tbody tr td,
main .table-wrapper table tbody tr td {
  padding: 15px 8px 12px 8px;
  border: 2px solid #fff;
  color: #111;
  background: #fff;
}
main .grid table tbody tr td:first-child,
main .earning-ownbenefit table tbody tr td:first-child,
main .table-wrapper table tbody tr td:first-child {
  border-left: none;
}
main .grid table tbody tr td:last-child,
main .earning-ownbenefit table tbody tr td:last-child,
main .table-wrapper table tbody tr td:last-child {
  border-right: none;
}
main .grid table tbody tr:nth-child(odd) td,
main .earning-ownbenefit table tbody tr:nth-child(odd) td,
main .table-wrapper table tbody tr:nth-child(odd) td {
  background: #f5f5f5;
}
main .grid table tbody tr:hover td,
main .earning-ownbenefit table tbody tr:hover td,
main .table-wrapper table tbody tr:hover td {
  background: var(--blue) !important;
  color: #fff;
}
main .grid table tbody tr a,
main .earning-ownbenefit table tbody tr a,
main .table-wrapper table tbody tr a {
  white-space: nowrap;
  text-decoration: none;
}
main .grid table.thsel0 td:nth-child(1),
main .earning-ownbenefit table.thsel0 td:nth-child(1),
main .table-wrapper table.thsel0 td:nth-child(1),
main .grid table.thsel1 td:nth-child(2),
main .earning-ownbenefit table.thsel1 td:nth-child(2),
main .table-wrapper table.thsel1 td:nth-child(2),
main .grid table.thsel2 td:nth-child(3),
main .earning-ownbenefit table.thsel2 td:nth-child(3),
main .table-wrapper table.thsel2 td:nth-child(3),
main .grid table.thsel3 td:nth-child(4),
main .earning-ownbenefit table.thsel3 td:nth-child(4),
main .table-wrapper table.thsel3 td:nth-child(4),
main .grid table.thsel4 td:nth-child(5),
main .earning-ownbenefit table.thsel4 td:nth-child(5),
main .table-wrapper table.thsel4 td:nth-child(5),
main .grid table.thsel5 td:nth-child(6),
main .earning-ownbenefit table.thsel5 td:nth-child(6),
main .table-wrapper table.thsel5 td:nth-child(6),
main .grid table.thsel6 td:nth-child(7),
main .earning-ownbenefit table.thsel6 td:nth-child(7),
main .table-wrapper table.thsel6 td:nth-child(7),
main .grid table.thsel7 td:nth-child(8),
main .earning-ownbenefit table.thsel7 td:nth-child(8),
main .table-wrapper table.thsel7 td:nth-child(8),
main .grid table.thsel8 td:nth-child(9),
main .earning-ownbenefit table.thsel8 td:nth-child(9),
main .table-wrapper table.thsel8 td:nth-child(9),
main .grid table.thsel9 td:nth-child(10),
main .earning-ownbenefit table.thsel9 td:nth-child(10),
main .table-wrapper table.thsel9 td:nth-child(10),
main .grid table.thsel10 td:nth-child(11),
main .earning-ownbenefit table.thsel10 td:nth-child(11),
main .table-wrapper table.thsel10 td:nth-child(11),
main .grid table.thsel11 td:nth-child(12),
main .earning-ownbenefit table.thsel11 td:nth-child(12),
main .table-wrapper table.thsel11 td:nth-child(12) {
  background: var(--lightblue);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
header {
  background: #edf6fd;
  height: 60px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 80px 0 12px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  font-size: 0.8em;
}
@media screen and (min-width: 640px) {
  header {
    height: 80px;
    font-size: 1em;
  }
}
@media screen and (min-width: 1600px) {
  header {
    padding: 0 calc(50% - 780px);
  }
}
header .logo {
  margin-right: 10px;
  width: 30px;
  overflow: hidden;
  display: inline-block;
}
@media screen and (min-width: 320px) {
  header .logo {
    width: 38px;
  }
}
@media screen and (min-width: 640px) {
  header .logo {
    margin-right: 50px;
    width: auto;
  }
}
@media screen and (min-width: 800px) {
  header .logo {
    margin-right: 70px;
  }
}
@media screen and (min-width: 1024px) {
  header .logo {
    margin-right: 100px;
  }
}
header .logo img {
  width: 120px;
}
@media screen and (min-width: 320px) {
  header .logo img {
    width: 140px;
  }
}
@media screen and (min-width: 640px) {
  header .logo img {
    width: 200px;
  }
}
header .nugget-price {
  font-weight: 700;
  margin-top: 1px;
}
@media screen and (min-width: 1300px) {
  header .nugget-price {
    min-width: 80px;
  }
}
@media screen and (min-width: 1300px) {
  header .nugget-price {
    min-width: 170px;
  }
}
@media screen and (min-width: 1300px) {
  header .nugget-price .general:before {
    content: 'AKTUELL';
  }
}
header .myaccount {
  display: none;
  white-space: nowrap;
}
@media screen and (min-width: 320px) {
  header .myaccount.active {
    display: block;
  }
}
header .myaccount:before {
  font-size: 11px;
}
@media screen and (min-width: 640px) {
  header .myaccount:before {
    font-size: 14px;
  }
}
header .myaccount a {
  text-decoration: none;
  color: #111;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  margin-left: 6px;
  display: inline-block;
  font-weight: bold;
}
header .nuggetqty {
  margin-left: 20px;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: bold;
  position: relative;
  padding-left: 18px;
  display: none;
  margin-top: 1px;
}
@media screen and (min-width: 1300px) {
  header .nuggetqty.active {
    display: inline-block;
  }
}
header .nuggetqty:before {
  content: '';
  background: url(/content/css/lopocacom2/images/icon-nugget.svg) no-repeat center center;
  background-size: contain;
  width: 15px;
  height: 15px;
  display: inline-block;
  filter: brightness(0);
  position: absolute;
  left: 0;
  top: 0;
}
header .main {
  display: none;
  font-size: 1rem;
}
@media screen and (min-width: 1024px) {
  header .main {
    flex: 1 1 auto;
    min-width: 0;
    margin-right: 20px;
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  header .main {
    margin-right: 80px;
  }
}
header .main ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
}
header .main ul li a {
  text-decoration: none;
  display: flex;
  color: #007de1;
  text-transform: uppercase;
  align-items: center;
  padding: 9px 20px 8px 20px;
  font-weight: 600;
  margin: 0 4px;
}
@media screen and (min-width: 1024px) {
  header .main ul li a {
    margin: 0 10px;
  }
}
header .main ul li a:hover,
header .main ul li a:focus {
  filter: brightness(0.9);
}
header .main ul li a .lpc-icon:before {
  display: none;
}
header .main ul li ul {
  display: none;
}
header .main ul li:last-child a {
  background: #007de1;
  border-radius: 20px;
  color: #fff;
}
header #theme-toggle {
  border: none;
  padding: 8px;
  background: none;
  cursor: pointer;
}
@media screen and (min-width: 1600px) {
  header #theme-toggle {
    margin-right: 20px;
  }
}
header #theme-toggle div {
  /*width: 30px;
            height: 10px;
            border: 1px solid @white;
            background: linear-gradient(120deg, #111 50%, #fff 50%);
            background-size: 150% 100%;
            background-position: left;
            transition: background-position 0.4s ease;*/
  width: 30px;
  height: 30px;
  background: url(/content/css/lopocacom2/images/dark-mode.png) no-repeat;
  background-size: contain;
}
html:lang(en) .nugget-price .general:before {
  content: 'CURRENT';
}
.burger {
  position: fixed;
  right: 15px;
  top: 8px;
  z-index: 900;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 0;
  background: transparent;
  border-radius: 10px;
}
@media screen and (min-width: 640px) {
  .burger {
    top: 16px;
  }
}
.burger:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(58, 132, 255, 0.55);
}
.burger span {
  position: absolute;
  width: 32px;
  height: 1px;
  background: #007de1;
  border-radius: 2px;
  transition: transform 0.26s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
  will-change: transform, opacity;
}
.burger span:nth-child(1) {
  transform: translateY(-8px);
}
.burger span:nth-child(2) {
  transform: translateY(0);
}
.burger span:nth-child(3) {
  transform: translateY(8px);
}
html.overlay-menu-open .burger span:nth-child(1) {
  transform: rotate(45deg);
}
html.overlay-menu-open .burger span:nth-child(2) {
  opacity: 0;
  transform: scaleX(0.6);
}
html.overlay-menu-open .burger span:nth-child(3) {
  transform: rotate(-45deg);
}
/*Not logged on*/

html.not-auth header .main {
  margin-right: 0;
}
html.not-auth .burger {
  display: none;
}
html[data-theme='dark'] header {
  background: #111;
  color: #fff;
}
html[data-theme='dark'] header .logo img {
  filter: brightness(0) invert(1);
}
html[data-theme='dark'] header .main li a {
  color: #fff;
}
html[data-theme='dark'] header .main li:last-child a {
  background: #e1bb36;
  color: #111;
}
html[data-theme='dark'] header .myaccount:before,
html[data-theme='dark'] header .nuggetqty:before {
  filter: brightness(0) invert(1);
}
html[data-theme='dark'] header .myaccount a,
html[data-theme='dark'] header .nuggetqty a {
  color: #fff;
}
html[data-theme='dark'] header #theme-toggle div {
  /*background-position: right;*/
  filter: brightness(0) invert(1);
}
html[data-theme='dark'] .burger span {
  background: #fff;
}
@media screen and (max-width: 640px) {
  html.not-auth header {
    padding-right: 10px;
  }
  html.not-auth header nav {
    display: block;
  }
  html.not-auth header nav li {
    display: none;
  }
  html.not-auth header nav li.logindialog,
  html.not-auth header nav li.icon-gift {
    display: inline-block;
  }
  html.not-auth header nav li a {
    padding-right: 8px;
    padding-left: 8px;
  }
  html.not-auth header .nugget-price .general:before {
    display: none;
  }
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
/*Lopoca Font Icons*/

@font-face {
  font-family: 'lopoca-icons';
  src: url(/content/css/lopocacom2/fonts/lopoca-icons/fonts/lopoca-icons.eot?d844p2);
  src: url(/content/css/lopocacom2/fonts/lopoca-icons/fonts/lopoca-icons.eot?d844p2#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/lopoca-icons/fonts/lopoca-icons.woff2?d844p2) format('woff2'), url(/content/css/lopocacom2/fonts/lopoca-icons/fonts/lopoca-icons.ttf?d844p2) format('truetype'), url(/content/css/lopocacom2/fonts/lopoca-icons/fonts/lopoca-icons.woff?d844p2) format('woff'), url(/content/css/lopocacom2/fonts/lopoca-icons/fonts/lopoca-icons.svg?d844p2#lopoca-icons) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="lpc-"],
[class*=" lpc-"] {
  font-family: 'lopoca-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lpc-filter_outlined:before,
.lpc-filter_outlined .lpc-icon:before {
  content: "\e976";
}
.lpc-filter_full:before,
.lpc-filter_full .lpc-icon:before {
  content: "\e977";
}
.lpc-lock:before {
  content: "\e975";
}
.lpc-auto_cashout:before {
  content: "\e974";
}
.lpc-icon_ticker:before {
  content: "\e973";
}
.lpc-deposit:before {
  content: "\e971";
}
.lpc-withdraw:before {
  content: "\e972";
}
.lpc-user_bets:before {
  content: "\e969";
}
.lpc-bets_for_me:before {
  content: "\e96a";
}
.lpc-bonus_bets:before {
  content: "\e96b";
}
.lpc-fast_start:before {
  content: "\e96c";
}
.lpc-last_minute:before {
  content: "\e96d";
}
.lpc-today:before {
  content: "\e96e";
}
.lpc-tomorrow:before {
  content: "\e96f";
}
.lpc-monday:before {
  content: "\e970";
}
.lpc-lobby_V2:before {
  content: "\e968";
}
.lpc-slots_V21:before {
  content: "\e965";
}
.lpc-lounge_V1:before {
  content: "\e966";
}
.lpc-lounge_V2:before {
  content: "\e967";
}
.lpc-summer_slots:before {
  content: "\e964";
}
.lpc-football:before {
  content: "\e963";
}
.lpc-spinomenal:before {
  content: "\e962";
}
.lpc-chevron .path1:before {
  content: "\e95c";
  color: #000000;
}
.lpc-chevron .path2:before {
  content: "\e95d";
  margin-left: -1em;
  color: #000000;
  opacity: 0.54;
}
.lpc-chevron .path3:before {
  content: "\e95e";
  margin-left: -1em;
  color: #000000;
  opacity: 0.24;
}
.lpc-mystery_slot:before {
  content: "\e95f";
}
.lpc-bingo:before {
  content: "\e960";
}
.lpc-poker:before {
  content: "\e961";
}
.lpc-bonus_buy_V3:before {
  content: "\e95a";
}
.lpc-bet_slip:before {
  content: "\e95b";
}
.lpc-book_V3:before {
  content: "\e94d";
}
.lpc-live_bets_V2:before {
  content: "\e94e";
}
.lpc-book_V1:before {
  content: "\e94f";
}
.lpc-book_V2:before {
  content: "\e950";
}
.lpc-recent_winners:before {
  content: "\e951";
}
.lpc-all_bets:before {
  content: "\e952";
}
.lpc-live_bets:before {
  content: "\e953";
}
.lpc-cashout:before {
  content: "\e954";
}
.lpc-my_bets:before {
  content: "\e955";
}
.lpc-scratch_card_V2:before {
  content: "\e956";
}
.lpc-profile_V2:before,
.icon-profile_V2 .lpc-icon:before {
  content: "\e957";
}
.lpc-logout:before,
.icon-logout .lpc-icon:before {
  content: "\e958";
}
.lpc-bonus_buy_V2:before,
.icon-bonus .lpc-icon:before {
  content: "\e959";
}
.lpc-whatsapp:before {
  content: "\e923";
}
.lpc-webinar:before {
  content: "\e924";
}
.lpc-warning:before {
  content: "\e917";
}
.lpc-verified:before,
.icon-verified .lpc-icon:before {
  content: "\e922";
}
.lpc-verification:before {
  content: "\e925";
}
.lpc-upgrade:before {
  content: "\e926";
}
.lpc-twitter:before {
  content: "\e912";
}
.lpc-turnover:before {
  content: "\e91d";
}
.lpc-top_picks:before {
  content: "\e927";
}
.lpc-team:before {
  content: "\e921";
}
.lpc-table_games:before {
  content: "\e928";
}
.lpc-stats:before {
  content: "\e90b";
}
.lpc-star_outline:before {
  content: "\e90a";
}
.lpc-star:before {
  content: "\e909";
}
.lpc-slots_V2:before {
  content: "\e929";
}
.lpc-slots_V1:before {
  content: "\e92a";
}
.lpc-settings:before {
  content: "\e92b";
}
.lpc-select_provider_02:before {
  content: "\e92c";
}
.lpc-select_provider_01:before {
  content: "\e92d";
}
.lpc-search:before {
  content: "\e90f";
}
.lpc-scratch_card:before {
  content: "\e92e";
}
.lpc-recently_played:before {
  content: "\e92f";
}
.lpc-profile:before {
  content: "\e908";
}
.lpc-prepaid_card:before {
  content: "\e930";
}
.lpc-plus:before {
  content: "\e931";
}
.lpc-phone:before {
  content: "\e918";
}
.lpc-personal_details:before {
  content: "\e932";
}
.lpc-nugget:before {
  content: "\e933";
}
.lpc-newsletter:before,
.icon-newsletter .lpc-icon:before {
  content: "\e934";
}
.lpc-news:before {
  content: "\e935";
}
.lpc-new:before {
  content: "\e936";
}
.lpc-more:before {
  content: "\e914";
}
.lpc-more1:before {
  content: "\e937";
}
.lpc-mobile_apps:before {
  content: "\e903";
}
.lpc-minus:before {
  content: "\e938";
}
.lpc-messages:before {
  content: "\e939";
}
.lpc-business_card:before {
  content: "\e93a";
}
.lpc-megaways:before {
  content: "\e93b";
}
.lpc-lopoca_alt:before {
  content: "\e901";
}
.lpc-lopoca:before {
  content: "\e900";
}
.lpc-lobby:before {
  content: "\e93c";
}
.lpc-limits:before,
.icon-limits .lpc-icon:before {
  content: "\e93d";
}
.lpc-joker:before {
  content: "\e91c";
}
.lpc-jackpot:before {
  content: "\e93e";
}
.lpc-instant_win:before {
  content: "\e93f";
}
.lpc-instagram:before {
  content: "\e910";
}
.lpc-info:before {
  content: "\e91a";
}
.lpc-help:before {
  content: "\e915";
}
.lpc-gift:before {
  content: "\e902";
}
.lpc-finance:before,
.icon-upgrade .lpc-icon:before {
  content: "\e920";
}
.lpc-favourites:before {
  content: "\e940";
}
.lpc-facebook:before {
  content: "\e911";
}
.lpc-collapse:before {
  content: "\e941";
}
.lpc-expand:before {
  content: "\e942";
}
.lpc-error:before {
  content: "\e916";
}
.lpc-email:before {
  content: "\e919";
}
.lpc-download:before {
  content: "\e943";
}
.lpc-delete:before {
  content: "\e90e";
}
.lpc-dashboard:before,
.icon-finance .lpc-icon:before {
  content: "\e91f";
}
.lpc-confirm:before {
  content: "\e91e";
}
.lpc-close:before {
  content: "\e913";
}
.lpc-clock:before {
  content: "\e944";
}
.lpc-chevron_up:before {
  content: "\e905";
}
.lpc-chevron_right:before {
  content: "\e906";
}
.lpc-chevron_left:before {
  content: "\e907";
}
.lpc-chevron_down:before {
  content: "\e904";
}
.lpc-checkmark:before {
  content: "\e945";
}
.lpc-checkbox_outline:before {
  content: "\e90d";
}
.lpc-checkbox:before {
  content: "\e90c";
}
.lpc-cashier_V2:before,
.icon-cashier_V2 .lpc-icon:before {
  content: "\e946";
}
.lpc-cashier_V1:before,
.icon-cashier_V1 .lpc-icon:before {
  content: "\e947";
}
.lpc-buy_V2:before {
  content: "\e948";
}
.lpc-buy_V1:before {
  content: "\e949";
}
.lpc-bonus_buy:before {
  content: "\e94a";
}
.lpc-academy:before {
  content: "\e94b";
}
.lpc-about:before {
  content: "\e91b";
}
.lpc-FAQ:before {
  content: "\e94c";
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
/*https://animatedicons.co/icons/minimalistic?type=free*/
.win-per-day .items .icon:before {
  display: inline-block;
  margin-right: 4px;
  font-family: FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
/* Main image in popup */

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */

.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
         * Remove all paddings around the image on small screen
         */
  
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}
.divpopup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  min-height: 90%;
  max-width: 90%;
  margin: 20px auto;
  border-radius: 20px;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
@media screen and (min-width: 640px) {
  .login-form {
    padding: 40px;
  }
}
.login-form .not-authorized {
  text-align: center;
  display: block;
  padding: 8px 0 35px 0;
  color: #c40303;
}
.login-form .intro {
  text-align: center;
}
.login-form .intro h3 {
  font-size: 2rem;
  margin-bottom: 20px;
}
@media screen and (min-width: 640px) {
  .login-form .intro h3 {
    font-size: 3rem;
  }
}
.login-form .intro p {
  display: none;
}
.login-form .form-container {
  margin: 0 auto 20px auto;
  width: 100%;
  max-width: 400px;
  background: #b4d1e8;
  padding: 20px 20px 10px 20px;
  border-radius: 8px;
}
@media screen and (min-width: 640px) {
  .login-form .form-container {
    width: 500px;
    padding: 40px 40px 32px 40px;
  }
}
.login-form .form-container .rw {
  padding: 8px 0;
}
.login-form .form-container .rw label {
  display: none;
}
.login-form .form-container .rw input {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
}
.login-form .form-container .rw input::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.login-form .form-container .btns {
  padding: 8px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.login-form .form-container .btns .button {
  width: 100%;
  margin-bottom: 10px;
}
@media screen and (min-width: 640px) {
  .login-form .form-container .btns .button {
    width: 49%;
    margin-bottom: 0;
  }
}
.login-form .form-container .btns .button.submit {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.login-form .form-container .btns .button.submit:hover,
.login-form .form-container .btns .button.submit:focus {
  background: var(--darkblue);
}
.login-form .form-container .btns .button.cancel {
  background: var(--lightblue);
  border-radius: 48px;
  color: var(--button2-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.login-form .form-container .btns .button.cancel:hover,
.login-form .form-container .btns .button.cancel:focus {
  background: var(--darkblue);
  color: #fff;
}
.login-form .pw-forgot,
.login-form .register {
  text-align: center;
}
.login-form .pw-forgot a,
.login-form .register a {
  display: inline-block;
  padding: 5px;
}
.login-form .msg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  background: #c40303;
  width: 100%;
  color: #fff;
  text-align: center;
  padding: 20px;
  font-size: 1.2rem;
}
.login-form .msg:empty {
  display: none;
}
.login-form.logged-on .intro,
.login-form.logged-on .form-container,
.login-form.logged-on .pw-forgot,
.login-form.logged-on .register,
.login-form.logged-on .not-authorized {
  display: none;
}
.login-form.logged-on:before {
  width: 130px;
  height: 130px;
  content: '';
  display: block;
  margin: 20px auto;
  background: url(/content/css/lopocacom2/icons/MoonWalk.gif) no-repeat;
  background-size: contain;
}
[data-theme='dark'] .login-form {
  background: url(/content/css/lopocacom2/images/wave-bg.png) no-repeat center center;
}
[data-theme='dark'] .form-container {
  background: rgba(0, 0, 0, 0.6);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.logout {
  padding: 20px 0 0 0;
}
.cmsmodul.logout:before {
  content: '';
  display: block;
  width: 120px;
  height: 120px;
  background: url(/content/css/lopocacom2/images/check.svg) no-repeat center center;
  margin: 20px auto 0 auto;
}
.cmsmodul.logout p {
  display: none;
}
[data-theme='dark'] .cmsmodul.logout:before {
  filter: brightness(0) invert(1);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
html.modal-active body {
  overflow: hidden;
}
div.modal {
  position: fixed;
  top: 0px;
  z-index: 400;
  background: #edf6fd;
  background-size: cover;
  padding: 25px 20px;
  height: 100vh;
  width: 100%;
  overflow: auto;
}
@media screen and (min-width: 800px) {
  div.modal {
    padding: 50px;
  }
}
div.modal .modal-content img {
  max-width: 100% !important;
  height: auto !important;
}
div.modal .modal-content .content {
  margin-top: 2em;
}
div.modal .modal-content .content h2 {
  font-size: 2rem;
  line-height: 110%;
  margin-bottom: 20px;
}
div.modal .modal-content .content .newsletter-consent {
  padding-bottom: 0;
}
div.modal .modal-content .close {
  border: 1px solid gray;
  border-top: none;
  border-right: none;
  font-size: 2em;
  margin: auto;
  padding: 5px 25px;
  position: absolute;
  right: 0;
  top: 0;
}
div.modal .modal-content .close:hover {
  background: #007de1;
  color: #fff;
}
div.modal .modal-content .close:hover {
  cursor: pointer;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.overlay-menu {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background: var(--lightblue);
  z-index: 500;
  transform: translateY(-110vh);
  transition: transform ease-in-out 0.3s;
  overflow: auto;
}
@media screen and (min-width: 1300px) {
  .overlay-menu:before {
    content: '';
    display: block;
    position: absolute;
    left: -40px;
    bottom: 0;
    width: 30%;
    height: 100vh;
    background: url(/content/css/lopocacom2/images/bg2.jpg) no-repeat center bottom;
    background-size: cover;
  }
}
.overlay-menu a {
  text-decoration: none;
  color: #111;
}
.overlay-menu > .nav > li > a > .person-accounts,
.overlay-menu > .nav .icon-profile_V2 > .person-accounts,
.overlay-menu > .nav .icon-profile_V2 > a {
  display: none;
}
.overlay-menu .nav .accounts {
  background: var(--blue);
  color: #fff;
  padding: 20px;
  position: relative;
  margin-top: 20px;
  margin-bottom: 0;
}
@media screen and (min-width: 800px) {
  .overlay-menu .nav .accounts {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 40px;
  }
}
@media screen and (min-width: 1300px) {
  .overlay-menu .nav .accounts {
    padding: 60px 80px;
  }
}
.overlay-menu .nav .accounts .lpc-icon {
  position: absolute;
  color: rgba(255, 255, 255, 0.3) !important;
  right: 20px;
  bottom: 20px;
}
.overlay-menu .nav .accounts .lpc-icon:before {
  font-size: 4rem;
}
.overlay-menu .nav .accounts > a {
  display: block !important;
  border: none !important;
  padding: 0 !important;
}
.overlay-menu .nav .accounts > a > div {
  font-size: 2rem;
  color: #fff;
  padding-bottom: 8px;
}
.overlay-menu .nav .accounts .personAccountDataBody {
  font-size: 1rem;
  color: #fff;
}
.overlay-menu .nav .accounts .personAccountDataBody .gamingAndAllBonusAccounts,
.overlay-menu .nav .accounts .personAccountDataBody .casino-bonus,
.overlay-menu .nav .accounts .personAccountDataBody .sportsbook-bonus {
  display: none;
}
.overlay-menu .nav .accounts .personAccountDataBody li {
  padding: 4px 0;
  color: #fff;
}
.overlay-menu .nav .accounts .personAccountDataBody li label {
  display: inline-block;
  width: 80px;
}
.overlay-menu .nav > li {
  margin: 0 0 20px 0;
  font-size: 1.2rem;
  font-weight: 700;
}
@media screen and (min-width: 800px) {
  .overlay-menu .nav > li {
    margin: 0 0 10px 0;
  }
}
.overlay-menu .nav > li > a {
  padding: 10px 0;
  display: inline-block;
  color: #111;
}
.overlay-menu .nav > li > a:hover {
  color: var(--darkblue);
}
/*Overlay menu open*/

html.overlay-menu-open body {
  overflow: hidden;
}
html.overlay-menu-open .overlay-menu {
  transform: translateY(0);
  padding: 40px 20px 80px 20px;
}
@media screen and (min-width: 800px) {
  html.overlay-menu-open .overlay-menu {
    padding: 40px 60px;
  }
}
@media screen and (min-width: 1300px) {
  html.overlay-menu-open .overlay-menu {
    padding: 40px 40px 40px 33%;
  }
}
html[data-theme='dark'].overlay-menu-open .burger span {
  background: #111;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.navbar_secondary {
  display: none;
  width: 46px;
  height: calc(100vh - 80px);
  position: fixed;
  top: 80px;
  z-index: 1000;
  overflow: auto;
  overflow-x: hidden;
  background: #edf6fd;
  transition: width ease-in-out 0.4s;
}
@media screen and (min-width: 1024px) {
  .navbar_secondary {
    display: block;
  }
}
.navbar_secondary nav {
  padding: 20px 0;
}
.navbar_secondary nav ul {
  width: 260px;
}
.navbar_secondary nav ul li {
  margin: 8px 0;
}
.navbar_secondary nav ul li.accounts {
  display: none;
}
.navbar_secondary nav ul li a {
  display: block;
  color: #555555;
  text-decoration: none;
  padding: 8px 14px 8px 46px;
  position: relative;
  font-size: 1rem;
}
.navbar_secondary nav ul li a i {
  position: absolute;
  left: 12px;
  top: 6px;
  font-size: 20px !important;
}
.navbar_secondary nav ul li:not(.sel) a:hover,
.navbar_secondary nav ul li:not(.sel) a:focus {
  color: var(--darkblue) !important;
}
.navbar_secondary nav ul li.sel {
  background: var(--blue);
  color: #fff;
}
.navbar_secondary nav ul li.sel i {
  color: #fff;
}
.navbar_secondary nav ul li.sel a {
  color: #fff;
}
.navbar_secondary nav ul li.icon-upgrade i {
  top: 8px;
}
.navbar_secondary:hover,
.navbar_secondary:focus {
  width: 260px;
}
[data-theme='dark'] .navbar_secondary {
  background: #111;
}
[data-theme='dark'] .navbar_secondary nav ul li a {
  color: #969696;
}
[data-theme='dark'] .navbar_secondary nav ul li.sel a {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  html.hasb main,
  html.hasb footer {
    margin-left: 26px;
  }
  html.hasb main {
    padding: 20px;
  }
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
body {
  background: #fff;
  color: var(--maintext);
  margin: 0;
  padding: 60px 0 0 0;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
}
@media screen and (min-width: 640px) {
  body {
    padding-top: 80px;
  }
}
body.cke_editable {
  padding: 0;
}
body main {
  min-height: 50vh;
}
body main .earning-ownbenefit,
body .dialog .earning-ownbenefit {
  max-width: 800px;
  margin: 0 auto 40px auto;
}
body main .earning-ownbenefit tr td:last-child,
body .dialog .earning-ownbenefit tr td:last-child,
body main .earning-ownbenefit tr th:last-child,
body .dialog .earning-ownbenefit tr th:last-child {
  text-align: right;
}
body main .text,
body .dialog .text {
  line-height: 1.3;
}
body main .text ul,
body .dialog .text ul {
  margin-left: 35px;
}
body main .text ul li,
body .dialog .text ul li {
  padding: 5px 0;
  position: relative;
}
body main .text ul li:before,
body .dialog .text ul li:before {
  content: "";
  position: absolute;
  display: block;
  left: -30px;
  top: 7px;
  width: 20px;
  height: 20px;
  background: url(/content/css/lopocacom2/images/check.svg) no-repeat;
  background-size: contain;
  filter: var(--filterBright);
}
body main .text .button,
body .dialog .text .button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
body main .text .button:hover,
body .dialog .text .button:hover,
body main .text .button:focus,
body .dialog .text .button:focus {
  background: var(--darkblue);
}
body main a:link,
body .dialog a:link,
body main a:visited,
body .dialog a:visited {
  color: var(--maintext);
  text-decoration: underline;
}
body main a:hover,
body .dialog a:hover,
body main a:focus,
body .dialog a:focus {
  color: var(--blue);
}
body main b,
body .dialog b,
body main strong,
body .dialog strong {
  font-weight: bold;
}
body main img,
body .dialog img {
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}
body main .err,
body .dialog .err,
body main .field-validation-error,
body .dialog .field-validation-error {
  background: #c40303;
  color: #fff;
  border-radius: 6px;
}
body main .err:not(:empty),
body .dialog .err:not(:empty),
body main .field-validation-error:not(:empty),
body .dialog .field-validation-error:not(:empty) {
  padding: 6px 12px;
  margin: 10px 0;
}
body h1,
body h2,
body h3 {
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  font-weight: 500;
  line-height: 1.1;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
body h1,
body h2 {
  font-size: 2rem;
  padding-bottom: 20px;
  text-transform: uppercase;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  body h1,
  body h2 {
    font-size: 3rem;
  }
}
body h3 {
  font-size: 1.4rem;
}
@media screen and (min-width: 640px) {
  body h3 {
    font-size: 1.6rem;
  }
}
html.cmsedit body {
  padding-left: 26px;
}
html.dialog-view body {
  padding: 0px;
}
html.dialog-view header,
html.dialog-view footer,
html.dialog-view .burger {
  display: none;
}
.pageerr {
  background: none !important;
  color: #111 !important;
  text-align: center;
  padding: 40px !important;
}
html[data-theme='dark'] body {
  background: #262626;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.forgot-password {
  text-align: center;
  background: #edf6fd;
  padding: 40px 20px;
  border-bottom: 8px solid #007de1;
}
.forgot-password .rw label {
  display: none;
}
.forgot-password .rw input.user {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
  width: 300px;
}
.forgot-password .rw input.user::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.forgot-password .rw input[type="password"] {
  margin: 6px 0;
}
.forgot-password .button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  display: inline-block;
  margin: 20px auto 8px auto;
}
.forgot-password .button:hover,
.forgot-password .button:focus {
  background: var(--darkblue);
}
.forgot-password .msg {
  margin: 20px auto;
}
.forgot-password .msg .success {
  background: #09851b;
  color: #fff;
  border-radius: 6px;
  padding: 10px 12px 8px 12px;
  margin-top: 100px;
  display: inline-block;
  position: relative;
  line-height: 1.2;
}
.forgot-password .msg .success:before {
  background: url(/content/css/lopocacom2/images/check.svg) no-repeat;
  background-size: contain;
  width: 80px;
  height: 80px;
  content: '';
  display: block;
  margin: 10px auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -100px;
}
.forgot-password .info {
  margin-bottom: 20px;
}
.forgot-password .info label {
  display: block;
  padding: 5px 0;
}
.forgot-password .info label:before {
  background: url(/content/css/lopocacom2/images/check.svg) no-repeat;
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  vertical-align: middle;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.progress:before,
.progress-inline:before {
  background: url(/content/css/lopocacom2/images/progress.gif) no-repeat center center;
  background-size: 150px 150px;
  width: 100%;
  height: 100vh;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200010;
  content: '';
}
.progress:after,
.progress-inline:after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #537a9ac8;
  z-index: 200000;
}
.progress-inline:before,
.progress-inline:after {
  position: absolute;
  height: 100%;
  min-height: 200px;
}
.loading {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shine {
  to {
    background-position-x: -200%;
  }
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.register-user .terms-and-condition label,
.register-user .newsletter-subscription label {
  font-weight: normal;
}
.register-user .newsletter-subscription {
  width: 66%;
}
@media screen and (min-width: 800px) {
  .register-user .newsletter-subscription {
    margin-left: 9%;
  }
}
@media screen and (min-width: 1024px) {
  .register-user .newsletter-subscription {
    margin-left: 17%;
  }
}
.register-user .form-control {
  font-weight: bold !important;
}
.register-user .form-control:focus {
  background: #edf6fd !important;
}
.register-user .form-control-toggle {
  position: relative;
}
.register-user .form-control-toggle input[type="checkbox"] {
  zoom: 1.6;
  position: absolute;
}
.register-user .form-control-toggle label {
  padding-left: 34px;
  vertical-align: middle;
}
.register-user .help-block {
  font-size: 0.9rem !important;
  font-weight: bold;
  color: #c40303;
}
.register-user .more-button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  background: #007de1 !important;
}
.register-user .more-button:hover,
.register-user .more-button:focus {
  background: var(--darkblue);
}
.register-user .more-button span {
  color: #fff !important;
}
.register-user .more-button i {
  filter: brightness(0) invert(1);
  top: 2px !important;
}
.register-user .btn-previous,
.register-user .btn-continue {
  margin: 0 !important;
}
.register-user .btn-previous button,
.register-user .btn-continue button {
  width: 100% !important;
}
@media screen and (min-width: 640px) {
  
}
.register-user .btn-previous button {
  background: #edf6fd !important;
}
.register-user .btn-previous button span {
  color: #111 !important;
}
.register-user .btn-previous button i {
  filter: none;
}
.register-user h2 {
  font-size: 2rem;
  color: #007de1;
}
.register-user .has-feedback button {
  background: none !important;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  background: white;
  font-weight: bold;
}
.bootstrap-select.btn-group .dropdown-menu li a:hover {
  background: #edf6fd;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
#stwsaved {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  width: 100%;
  padding: 35px;
  line-height: 1;
  text-align: center;
  transform: translateZ(0);
  display: block;
  font-weight: 700;
  border-bottom: 6px solid #007140;
  background: #09851b;
  color: #fff;
  top: -180px;
}
#stwsaved.err {
  color: #fff;
  background: #c40303;
  border-color: #850000;
}
#stwsaved.suc {
  color: #fff;
  background: #09851b;
  border-color: #007140;
}
#stwsaved.remove {
  position: fixed;
  top: 6px;
  right: 6px;
  font-size: 1.35em;
}
#stwsaved .icon {
  display: none;
  /*TODO*/

}
#stwsaved.active {
  top: 0;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
/* Slider */

.slick-slider {
  position: relative;
  display: block;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Slider */

.slick-loading .slick-list {
  background: #fff url(/content/css/lopocacom2/images/progress.gif) center center no-repeat;
}
.slick-prev.show,
.slick-next.show {
  display: block !important;
}
/* Arrows */

.slick-prev,
.slick-next {
  display: none !important;
  font-size: 30px;
  line-height: 0;
  position: absolute;
  top: 42%;
  display: block;
  padding: 0;
  cursor: pointer;
  z-index: 1;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
@media screen and (min-width: 800px) {
  .slick-slider:hover .slick-prev,
  .slick-slider:hover .slick-next {
    display: block !important;
  }
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  line-height: 1;
  opacity: 0.75;
  color: white;
  font-weight: bold;
  height: 45px;
  width: 38px;
  background: var(--blue);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute !important;
  padding-top: 8px;
  border-radius: 2px;
}
.slick-prev {
  left: 15px;
}
[dir='rtl'] .slick-prev {
  right: 2px;
  left: auto;
}
.slick-prev:before {
  padding-right: 5px;
  content: '<';
  font-family: lopoca-icons;
  margin-left: -15px;
}
[dir='rtl'] .slick-prev:before {
  content: '→';
}
.slick-next {
  right: 40px;
}
[dir='rtl'] .slick-next {
  right: auto;
  left: 2px;
}
.slick-next:before {
  content: '>';
  font-family: lopoca-icons;
  right: -40px;
  padding-left: 5px;
}
[dir='rtl'] .slick-next:before {
  content: '←';
}
/* Dots */

.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -45px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}
@media screen and (max-width: 500px) {
  .slick-prev:before,
  .slick-next:before {
    display: none;
  }
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.submenu-list {
  max-width: 900px;
  margin: 40px auto;
}
.submenu-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.submenu-list ul li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 800px) {
  .submenu-list ul li {
    width: 32%;
  }
}
.submenu-list ul li a {
  display: flex;
  width: 100%;
  padding: 40px;
  align-items: center;
  justify-content: center;
  background: var(--lightblue);
  color: #111;
  text-decoration: none;
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}
.submenu-list ul li a:hover,
.submenu-list ul li a:focus {
  background: var(--blue);
  color: #fff;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.tabs .tab-nav {
  display: flex;
}
.tabs .tab-nav li {
  width: 50%;
}
.tabs .tab-nav li a {
  display: block;
  color: #969696;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 1px solid #007de1;
  text-align: center;
  font-size: 1.1rem;
}
@media screen and (min-width: 640px) {
  .tabs .tab-nav li a {
    font-size: 1.2rem;
  }
}
.tabs .tab-nav li a:after {
  display: block;
  margin-top: 4px;
  width: 100%;
  height: 8px;
  content: '';
}
.tabs .tab-nav li a.sel {
  font-weight: 900;
  color: #111 !important;
}
.tabs .tab-nav li a.sel:after {
  background-color: #007de1;
}
.tabs .tab-nav li a:hover,
.tabs .tab-nav li a:focus {
  color: #007de1;
}
.tab-cont {
  display: none;
  padding: 20px 0;
}
@media screen and (min-width: 640px) {
  .tab-cont {
    padding: 60px 0;
  }
}
.tab-cont.active {
  display: block;
}
html[data-theme='dark'] .tabs .tab-nav li a {
  color: #969696;
  border-color: #fff;
}
html[data-theme='dark'] .tabs .tab-nav li a.sel {
  color: #fff !important;
}
html[data-theme='dark'] .tabs .tab-nav li a.sel:after {
  background-color: #fff;
}
html[data-theme='dark'] .tabs .tab-nav li a:hover,
html[data-theme='dark'] .tabs .tab-nav li a:focus {
  color: #edf6fd;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.title {
  text-align: center;
  padding: 40px 10px;
}

/*60...DE, 62...AT, 64...CH*/

/*DE*/

html.uc-60 body .hide-user-de,
html.ui-60 body .hide-user-de,
html.uc-60 body .casino-bonus,
html.ui-60 body .casino-bonus,
html.uc-60 body .casino-bonus div,
html.ui-60 body .casino-bonus div {
  display: none !important;
  visibility: hidden !important;
}
/*AT*/

html.uc-62 body .hide-user-at,
html.ui-62 body .hide-user-at {
  display: none !important;
  visibility: hidden !important;
}
/*CH*/

html.uc-64 body .hide-user-ch,
html.ui-64 body .hide-user-ch {
  display: none !important;
  visibility: hidden !important;
}
/*Hide Sport Cashout for DE users */

html.uc-60 .cashout,
html.ui-60 .cashout {
  display: none !important;
  visibility: hidden !important;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
video {
  width: 100%;
  margin-bottom: 20px;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.AccountSummaryBalances {
  padding: 10px 10px 60px 10px;
}
.cmsmodul.AccountSummaryBalances ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cmsmodul.AccountSummaryBalances ul li {
  display: flex;
  flex-direction: column;
  padding: 12px 30px;
  text-align: center;
  border-right: 1px solid var(--lightblue2);
}
@media screen and (min-width: 800px) {
  .cmsmodul.AccountSummaryBalances ul li {
    padding: 15px 40px;
  }
}
.cmsmodul.AccountSummaryBalances ul li label {
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.9rem;
  color: #555555;
}
.cmsmodul.AccountSummaryBalances ul li span {
  font-weight: bold;
  padding: 8px 0;
  font-size: 1.2rem;
}
.cmsmodul.AccountSummaryBalances ul li.mandatory {
  border-right: none;
}
.cmsmodul.AccountSummaryBalances ul li.casino-bonus,
.cmsmodul.AccountSummaryBalances ul li.sportsbook-bonus {
  display: none !important;
}
[data-theme='dark'] .cmsmodul.AccountSummaryBalances ul li {
  border-color: #969696;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.accounts-summary .filter {
  background: var(--lightblue);
  padding: 20px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.cmsmodul.accounts-summary .filter > div {
  display: flex;
}
.cmsmodul.accounts-summary .filter > div > label {
  display: none;
}
.cmsmodul.accounts-summary .filter > div .select-dropdown .dropdown,
.cmsmodul.accounts-summary .filter > div .select-dropdown .selected {
  display: none;
}
.cmsmodul.accounts-summary .filter > div select {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
  width: 300px !important;
  height: 50px !important;
  position: static !important;
}
.cmsmodul.accounts-summary .filter > div select::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.cmsmodul.accounts-summary .filter > div input[type=search] {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
  width: 125px;
  margin-right: 10px;
}
.cmsmodul.accounts-summary .filter > div input[type=search]::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.cmsmodul.accounts-summary .filter .search-button {
  text-decoration: none;
  margin: 15px 0 0 5px;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.accounts-summary {
  padding: 0 20px;
}
.cmsmodul.accounts-summary .table-wrapper {
  max-width: 100%;
  overflow: auto;
}
.cmsmodul.accounts-summary .table-wrapper table tbody tr td:nth-child(6),
.cmsmodul.accounts-summary .table-wrapper table tbody tr td:nth-child(7),
.cmsmodul.accounts-summary .table-wrapper table tbody tr td:nth-child(8) {
  white-space: nowrap;
  text-align: right;
}
.cmsmodul.accounts-summary .table-wrapper table tbody tr td:last-child {
  font-weight: bold;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.payment .amount-container {
  background: var(--lightblue);
  padding: 40px 20px;
  border-radius: 12px;
}
.cmsmodul.payment .amount-container .holder {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.cmsmodul.payment .amount-container .holder span {
  margin-bottom: 8px;
  position: absolute;
  margin: 2px 0 0 -80px;
  color: #111;
}
.cmsmodul.payment .amount-container .holder .amount {
  display: flex;
  justify-content: center;
}
.cmsmodul.payment .amount-container .holder .amount .input input {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
  font-size: 1.2rem;
  width: 180px;
  padding-left: 100px;
}
.cmsmodul.payment .amount-container .holder .amount .input input::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.cmsmodul.payment .amount-container .holder .amount .input span {
  margin: -6px 0 0 15px;
  font-weight: bold;
}
.cmsmodul.payment .amount-container .holder .amount .input span:before {
  content: '€ ';
}
.cmsmodul.payment .amount-container .holder .amount-options {
  position: absolute;
  z-index: 10;
  border: 2px solid var(--lightblue);
  top: 54px;
  width: 280px;
  border-radius: 6px;
  background: var(--lightblue2);
  overflow: hidden;
}
.cmsmodul.payment .amount-container .holder .amount-options > div {
  width: 33%;
  float: left;
  clear: none;
  padding: 20px 8px;
  font-size: 0.9em;
  cursor: pointer;
  white-space: nowrap;
}
.cmsmodul.payment .amount-container .holder .amount-options > div:before {
  content: '€ ';
}
.cmsmodul.payment .amount-container .holder .amount-options > div:hover,
.cmsmodul.payment .amount-container .holder .amount-options > div:focus {
  background: var(--blue);
  color: #fff;
}
[data-theme='dark'] .cmsmodul.payment .amount-container {
  background: #111;
}
[data-theme='dark'] .cmsmodul.payment .amount-container .amount-options {
  background: #111;
  border-color: #555555;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.payment {
  max-width: 1300px;
  margin: 0 auto;
  padding: 10px;
}
.cmsmodul.payment .points,
.cmsmodul.payment .points-info-container {
  display: none !important;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.payment .payments-container {
  display: flex;
  flex-wrap: wrap;
  margin: 40px 0 60px 0;
  gap: 20px;
}
.cmsmodul.payment .payments-container .payment-info-container {
  width: 100%;
  text-align: center;
  font-size: 2rem;
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (min-width: 800px) {
  .cmsmodul.payment .payments-container .payment-info-container {
    font-size: 3rem;
  }
}
.cmsmodul.payment .payments-container .payment-container {
  background: var(--lightblue);
  border-radius: 12px;
  padding: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
@media screen and (min-width: 640px) {
  .cmsmodul.payment .payments-container .payment-container {
    width: calc(49% - 20px);
  }
}
@media screen and (min-width: 800px) {
  .cmsmodul.payment .payments-container .payment-container {
    width: calc(32% - 20px);
  }
}
@media screen and (min-width: 1300px) {
  .cmsmodul.payment .payments-container .payment-container {
    width: 32%;
  }
}
.cmsmodul.payment .payments-container .payment-container .overlay {
  display: none;
}
.cmsmodul.payment .payments-container .payment-container .name {
  font-weight: 700;
  color: var(--blue);
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  text-transform: uppercase;
  margin-bottom: 12px;
  padding: 0 50px;
  text-align: center;
}
.cmsmodul.payment .payments-container .payment-container .logo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0 20px 0;
}
.cmsmodul.payment .payments-container .payment-container .logo .placeholder {
  outline: 8px solid #fff;
  border-radius: 8px;
}
.cmsmodul.payment .payments-container .payment-container .limit,
.cmsmodul.payment .payments-container .payment-container .fee {
  font-size: 0.9rem;
  text-align: center;
}
.cmsmodul.payment .payments-container .payment-container .limit abbr,
.cmsmodul.payment .payments-container .payment-container .fee abbr {
  text-decoration: none;
}
.cmsmodul.payment .payments-container .payment-container .fee {
  font-weight: bold;
  margin-top: 8px;
  text-transform: uppercase;
}
.cmsmodul.payment .payments-container .payment-container .mode {
  position: absolute;
  left: 0px;
  top: 20px;
  background: var(--lightblue2);
  display: flex;
  align-items: end;
  padding: 0 30px 8px 30px;
  flex-wrap: wrap;
  justify-content: center;
  transform: rotate(-45deg);
  transform-origin: bottom left;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--darkblue);
  text-transform: uppercase;
  width: 128px;
  height: 68px;
  text-align: center;
}
.cmsmodul.payment .payments-container .payment-container:hover,
.cmsmodul.payment .payments-container .payment-container:focus {
  background: var(--blue);
  color: #fff;
}
.cmsmodul.payment .payments-container .payment-container:hover .name,
.cmsmodul.payment .payments-container .payment-container:focus .name {
  color: #fff;
}
/*Payment Logos - also used for withdraw*/

.payment-container .logo .placeholder {
  background: white url(/content/css/lopocacom2/images/payment-logos_v5.png) no-repeat;
}
.payment-container.CC .logo .placeholder {
  background-position: -120px 0;
  width: 102px;
  height: 57px;
}
.payment-container.DD .logo .placeholder {
  width: 130px;
  height: 70px;
}
.payment-container.DD-EN .logo .placeholder {
  background-position: 0 -54px;
}
.payment-container.DD-DE .logo .placeholder {
  background-position: -147px -54px;
}
.payment-container.DD-IT .logo .placeholder {
  background-position: 0 -54px;
}
.payment-container.SK .logo .placeholder {
  background-position: 0 -125px;
  width: 120px;
  height: 50px;
}
.payment-container.PS .logo .placeholder {
  background-position: 0 -170px;
  width: 225px;
  height: 50px;
}
.payment-container.CV .logo .placeholder {
  background-position: 0 -220px;
  width: 85px;
  height: 50px;
}
.payment-container.SA .logo .placeholder {
  background-position: 0 -285px;
  width: 55px;
  height: 50px;
}
.payment-container.WT .logo .placeholder,
.payment-container.BT .logo .placeholder {
  background-position: 0 -343px;
  width: 50px;
  height: 50px;
}
.payment-container.SE .logo .placeholder {
  background-position: 0 -410px;
  width: 120px;
  height: 50px;
}
.payment-container.SO .logo .placeholder {
  background-position: 0 -465px;
  width: 80px;
  height: 55px;
}
.payment-container.GA .logo .placeholder {
  background-position: 0 -285px;
  width: 55px;
  height: 50px;
}
.payment-container.PP .logo .placeholder {
  background-position: 0 -538px;
  width: 122px;
  height: 66px;
}
.payment-container.FT .logo .placeholder {
  background-position: 0 -624px;
  width: 150px;
  height: 66px;
}
.payment-container.NV .logo .placeholder {
  background-image: url(/content/css/lopocacom2/images/klarna-cc.png);
  background-size: contain;
  background-position: center center;
  width: 150px;
  height: 66px;
}
[data-theme='dark'] .cmsmodul.payment .payments-container .payment-container {
  background: #555555;
}
[data-theme='dark'] .cmsmodul.payment .payments-container .payment-container:hover,
[data-theme='dark'] .cmsmodul.payment .payments-container .payment-container:focus {
  background: var(--blue);
}
[data-theme='dark'] .cmsmodul.payment .payments-container .payment-container .name {
  color: #fff;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.payment .process-payment-container {
  padding: 20px;
  text-align: center;
  background: #fff;
}
.payment .process-payment-container:empty {
  display: none;
}
.payment .process-payment-container iframe {
  margin: 5px auto;
  max-width: 600px;
  width: 100%;
  display: block;
  min-height: 400px;
}
.payment .process-payment-container iframe.PS {
  min-height: 1100px;
}
.payment .process-payment-container .cc-trustpayment iframe {
  min-height: 40px;
}
.payment .process-payment-container .information {
  color: #111;
  padding: 20px;
  margin: 0 auto;
  max-width: 800px;
  line-height: 1.4;
}
.payment .process-payment-container .information .balance {
  margin-top: 20px;
  font-weight: bold;
}
.payment .process-payment-container .buttons-container {
  margin: 20px auto;
}
.payment .process-payment-container .buttons-container > div {
  cursor: pointer;
  display: inline-block;
  margin: 8px 0;
}
.payment .process-payment-container .buttons-container .confirm {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.payment .process-payment-container .buttons-container .confirm:hover,
.payment .process-payment-container .buttons-container .confirm:focus {
  background: var(--darkblue);
}
.payment .process-payment-container .buttons-container .back {
  background: var(--lightblue);
  border-radius: 48px;
  color: var(--button2-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.payment .process-payment-container .buttons-container .back:hover,
.payment .process-payment-container .buttons-container .back:focus {
  background: var(--darkblue);
  color: #fff;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.payment .product-info-container {
  text-align: center;
  margin: 28px 0;
  color: #555555;
  display: none;
}
.cmsmodul.payment .products-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 40px 0;
}
.cmsmodul.payment .products-container .product-item-container {
  width: 100%;
  margin-bottom: 40px;
  background: var(--lightblue);
  border-radius: 12px;
  padding: 20px 10px;
  cursor: pointer;
  position: relative;
}
@media screen and (min-width: 800px) {
  .cmsmodul.payment .products-container .product-item-container {
    width: 30%;
  }
}
.cmsmodul.payment .products-container .product-item-container .image-container {
  display: flex;
}
.cmsmodul.payment .products-container .product-item-container .image-container img {
  max-height: 250px;
  margin: 0 auto;
  object-fit: contain;
}
.cmsmodul.payment .products-container .product-item-container .description {
  text-align: center;
}
.cmsmodul.payment .products-container .product-item-container .description .title {
  color: var(--blue);
  font-weight: 900;
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  text-transform: uppercase;
  display: block;
  padding: 8px;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.payment .products-container .product-item-container .description .title {
    font-size: 1.2rem;
  }
}
.cmsmodul.payment .products-container .product-item-container .description .price {
  font-weight: 900;
}
.cmsmodul.payment .products-container .product-item-container .popup-container {
  font-size: 0.9em;
  text-align: center;
  padding: 20px 8px 0 8px;
  color: #555555;
}
.cmsmodul.payment .products-container .product-item-container:hover,
.cmsmodul.payment .products-container .product-item-container:focus,
.cmsmodul.payment .products-container .product-item-container.selected {
  background: var(--blue);
  color: #fff;
}
.cmsmodul.payment .products-container .product-item-container:hover .description .title,
.cmsmodul.payment .products-container .product-item-container:focus .description .title,
.cmsmodul.payment .products-container .product-item-container.selected .description .title {
  color: #fff;
}
.cmsmodul.payment .products-container .product-item-container:hover .popup-container,
.cmsmodul.payment .products-container .product-item-container:focus .popup-container,
.cmsmodul.payment .products-container .product-item-container.selected .popup-container {
  color: #fff;
}
.cmsmodul.payment .products-container .product-item-container.selected:before {
  background: white url(/content/css/lopocacom2/images/check.svg) no-repeat;
  content: '';
  width: 75px;
  height: 75px;
  position: absolute;
  right: 20px;
  top: 20px;
  border-radius: 100px;
  border: 10px solid var(--lightblue);
  box-shadow: 0 0 12px #111;
}
[data-theme='dark'] .cmsmodul.payment .products-container .product-item-container {
  background: #111;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.payment .result-status {
  background: #edf6fd;
  padding: 40px 20px;
  margin: 20px 0 60px 0;
  border-radius: 8px;
  text-align: center;
}
.cmsmodul.payment .result-status > p {
  padding: 6px;
}
.cmsmodul.payment .result-status .back-link {
  padding: 20px 10px;
}
.cmsmodul.payment .result-status .back-link a {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  display: inline-block;
}
.cmsmodul.payment .result-status .back-link a:hover,
.cmsmodul.payment .result-status .back-link a:focus {
  background: var(--darkblue);
}
[data-theme='dark'] .cmsmodul.payment .result-status {
  background: #111;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.gallery-casino {
  background: #111 url(/content/css/lopocacom2/images/bg1.jpg);
  background-size: cover;
  padding: 20px;
  border-radius: 12px;
  max-width: 1260px;
  margin: 40px auto;
}
@media screen and (min-width: 640px) {
  .gallery-casino {
    padding: 40px 20px;
  }
}
@media screen and (min-width: 1024px) {
  .gallery-casino {
    padding: 80px 40px;
  }
}
.gallery-casino:before {
  content: 'CASINO';
  display: block;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: #ffcd1c;
  margin: 20px 0;
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
}
@media screen and (min-width: 640px) {
  .gallery-casino:before {
    font-size: 3rem;
    margin: 40px 0;
  }
}
.gallery-casino .slick-track {
  margin: 0 auto;
}
.gallery-casino .slick-track:before,
.gallery-casino .slick-track:after {
  display: none;
}
.gallery-casino .slick-track .item {
  padding: 20px 10px;
}
.gallery-casino .slick-track .item figure img {
  height: 200px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 12px;
  box-shadow: 0 0 8px #111;
}
.container .gallery-casino {
  margin-top: 0;
  margin-bottom: 0;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
/*grün: #406158
schwarz: #020203
gold: #e1b935
*/

.Adventcalendar {
  background: #e1bb36 url(/content/css/lopocacom2/images/adventcalendar/snow-bg.png) !important;
  position: relative;
  padding: 0 calc(50% - 500px);
  padding-bottom: 100px;
}
.Adventcalendar:before {
  content: '';
  display: block;
  background: #e1bb36 url(/content/css/lopocacom2/images/adventcalendar/adventcalendar-sublogo-de.png) no-repeat center center;
  background-size: contain;
  width: 100%;
  height: 340px;
  padding: 20px auto;
  border-top: 80px solid #e1bb36;
  border-bottom: 50px solid #e1bb36;
}
.Adventcalendar .list {
  justify-content: space-between;
  padding: 0 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  text-align: center;
}
.Adventcalendar .list .item {
  display: inline-block;
  width: 135px !important;
  height: 100px;
  margin-bottom: 30px;
  margin-right: 20px;
  text-decoration: none;
  cursor: not-allowed;
  position: relative;
  overflow: initial;
}
.Adventcalendar .list .item:before {
  content: attr(data-day);
  color: #e1bb36;
  font-size: 60px;
  text-align: center;
  display: block;
  width: 135px;
  line-height: 100px;
  position: absolute;
  z-index: 20;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.Adventcalendar .list .item:after {
  content: '';
  width: 135px;
  height: 100px;
  background: #406158;
  display: block;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  transform-origin: left;
  transition: all 0.5s ease-in-out;
}
.Adventcalendar .list .item .text {
  display: none;
}
.Adventcalendar .list .item figure img {
  width: 135px !important;
  height: 100px !important;
  object-fit: cover;
  object-position: center center;
}
.Adventcalendar .list .item.actual {
  cursor: pointer;
}
.Adventcalendar .list .item.actual:hover:after {
  transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(-105deg);
}
.Adventcalendar .list .item.actual:hover:before {
  opacity: 0;
}
.Adventcalendar .list .item.actual:hover figure {
  display: block;
}
.Adventcalendar .list .item.actual2 {
  cursor: pointer;
}
.Adventcalendar .list .item.actual2:after {
  display: none;
}
.Adventcalendar .list .item.actual2:before {
  opacity: 1;
  text-shadow: 0 0 4px #1a1a1a;
}
.Adventcalendar .list .item.actual2 figure {
  display: block;
}
.Adventcalendar .list .item:first-child:after,
.Adventcalendar .list .item:nth-child(4):after,
.Adventcalendar .list .item:nth-child(9):after,
.Adventcalendar .list .item:nth-child(12):after,
.Adventcalendar .list .item:nth-child(14):after,
.Adventcalendar .list .item:nth-child(16):after,
.Adventcalendar .list .item:nth-child(17):after,
.Adventcalendar .list .item:nth-child(19):after,
.Adventcalendar .list .item:nth-child(22):after {
  background-color: #b0432f;
}
.Adventcalendar .list .item:nth-child(3):after,
.Adventcalendar .list .item:nth-child(6):after,
.Adventcalendar .list .item:nth-child(8):after,
.Adventcalendar .list .item:nth-child(11):after,
.Adventcalendar .list .item:nth-child(13):after,
.Adventcalendar .list .item:nth-child(16):after,
.Adventcalendar .list .item:nth-child(21):after,
.Adventcalendar .list .item:nth-child(24):after {
  background-color: #000;
}
html.en .Adventcalendar:before {
  background-image: url(/content/css/lopocacom2/images/adventcalendar/adventcalendar-sublogo-en.png);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.news-items .not-active {
  display: none;
}
.news-items .detail {
  padding: 20px 10px 50px 10px;
  max-width: 1120px;
  margin: 10px auto;
}
.news-items .detail .date {
  display: none;
}
.news-items .detail h1 {
  color: var(--blue);
  display: none;
}
.news-items .detail .back-link {
  margin: 100px 0 20px 0;
  text-align: center;
  border-top: 1px solid #edf6fd;
  padding-top: 20px;
}
.news-items .detail .back-link a {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  display: inline-block;
}
.news-items .detail .back-link a:hover,
.news-items .detail .back-link a:focus {
  background: var(--darkblue);
}
.what-how-when-container {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  max-width: 1380px;
  margin: 0 auto;
  justify-content: space-between;
}
@media screen and (min-width: 800px) {
  .what-how-when-container {
    flex-direction: row;
  }
}
.what-how-when-container > div {
  background: var(--lightblue);
  padding: 20px;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 800px) {
  .what-how-when-container > div {
    width: 31%;
  }
}
.what-how-when-container > div h1 {
  text-align: center;
  background: var(--blue);
  color: #fff !important;
  padding: 20px 10px;
  margin-bottom: 20px;
  display: block !important;
}
.what-how-when-container > div h1 [class^="lpc-"]:before,
.what-how-when-container > div h1 [class*=" lpc-"]:before {
  color: #fff;
}
[data-theme='dark'] .what-how-when-container div {
  color: #111 !important;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.news-items .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: 20px;
}
@media screen and (min-width: 1300px) {
  .news-items .list {
    padding: 20px calc(50% - 600px);
  }
}
.news-items .list .item {
  text-decoration: none;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 40px;
}
@media screen and (min-width: 640px) {
  .news-items .list .item {
    width: 47%;
  }
}
.news-items .list .item figure img {
  width: 100%;
  height: 260px;
  margin-bottom: 8px;
  object-fit: cover;
  object-position: center;
}
@media screen and (min-width: 1300px) {
  .news-items .list .item figure img {
    height: 340px;
  }
}
.news-items .list .item .text h4 {
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  font-weight: 700;
  margin-bottom: 4px;
  color: var(--blue);
  text-transform: uppercase;
}
@media screen and (min-width: 640px) {
  .news-items .list .item .text h4 {
    font-size: 1.4rem;
  }
}
.news-items .list .item .text .date {
  display: none;
}
/*Banner Home*/

.newsbg1.news-items {
  height: 100%;
  background: url(/content/css/lopocacom2/images/bg2.jpg) no-repeat;
  background-size: cover;
  border-radius: 12px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.newsbg1.news-items .slick-slider {
  margin-bottom: 0;
}
.newsbg1.news-items .body,
.newsbg1.news-items .triangle {
  display: none;
}
[data-theme='dark'] .news-items:not(.newsbg1) {
  background: url(/content/css/lopocacom2/images/wave-bg.png) no-repeat center center;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.newsletter-consent .content h3 {
  font-size: 3rem;
  text-transform: uppercase;
  margin: 20px 0 10px;
}
.cmsmodul.newsletter-consent .buttons {
  text-align: center;
  padding: 40px 20px;
  border-top: 1px solid #edf6fd;
  margin-top: 40px;
}
.cmsmodul.newsletter-consent .buttons a {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.cmsmodul.newsletter-consent .buttons a:hover,
.cmsmodul.newsletter-consent .buttons a:focus {
  background: var(--darkblue);
}
[data-theme='dark'] .cmsmodul.newsletter-consent .buttons {
  border-color: #555555;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.nuggetgame-buy-sell .buy-sell {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: 100px;
}
.nuggetgame-buy-sell .buy-sell.hideme {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
.nuggetgame-buy-sell .buy-sell > div {
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 640px) {
  .nuggetgame-buy-sell .buy-sell > div {
    width: 49%;
  }
}
.nuggetgame-buy-sell .buy-sell > div h5 {
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 900;
}
@media screen and (min-width: 640px) {
  .nuggetgame-buy-sell .buy-sell > div h5 {
    font-size: 1.2rem;
  }
}
.nuggetgame-buy-sell .buy-sell > div h5 span {
  display: block;
  font-weight: 400;
  color: #555555;
  text-transform: none;
  font-size: 0.9em;
  padding: 4px 0 8px 0;
}
.nuggetgame-buy-sell .buy-sell > div .items .item {
  display: flex;
  justify-content: space-between;
  border: 1px solid blue;
  border-radius: 8px;
  align-items: center;
  margin: 8px 0;
}
.nuggetgame-buy-sell .buy-sell > div .items .item > span {
  width: 50%;
}
.nuggetgame-buy-sell .buy-sell > div .items .item > span.price {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  background: #007de1;
  color: #fff;
  font-size: 2rem;
  font-weight: 300;
  padding: 15px 4px;
}
.nuggetgame-buy-sell .buy-sell > div .items .item > span.volume {
  font-size: 1rem;
}
.nuggetgame-buy-sell .buy-sell > div .items .item > span.volume span {
  display: block;
  padding: 2px;
}
.nuggetgame-buy-sell .buy-sell > div .items.show-all .item {
  display: flex !important;
}
.nuggetgame-buy-sell .buy-sell > div .items.show-all .show-more {
  transform: rotate(-90deg);
}
.nuggetgame-buy-sell .buy-sell > div .show-more {
  background: none;
  border: none;
  transform: rotate(90deg);
  cursor: pointer;
  font-size: 1.2rem;
  color: black;
  font-family: 'brandon';
  font-weight: 700;
}
.nuggetgame-buy-sell .buy-sell > div.sell .items .item {
  border-color: #ffcd1c;
}
.nuggetgame-buy-sell .buy-sell > div.sell .items .item .price {
  background-color: #ffcd1c;
  color: #111;
}
html[data-theme='dark'] .nuggetgame-buy-sell > div .items .item {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
html[data-theme='dark'] .nuggetgame-buy-sell > div .items .item .price {
  background-color: #555555;
  color: #fff;
}
html[data-theme='dark'] .nuggetgame-buy-sell > div .show-more {
  color: #fff;
}
html[data-theme='dark'] .nuggetgame-buy-sell > div .sell .items .item .price {
  background-color: #969696;
  color: #fff;
}
html[data-theme='dark'] .nuggetgame-buy-sell > div h5 span {
  color: #969696;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.nuggetgame-bid-placement .title-bidplacement {
  display: none;
}
@media screen and (min-width: 1024px) {
  .nuggetgame-bid-placement {
    padding-right: 40px;
    max-width: 550px;
  }
}
.nuggetgame-bid-placement .tab-cont {
  position: relative;
}
.nuggetgame-bid-placement .tab-cont.active {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 150px;
}
.nuggetgame-bid-placement .tab-cont .input-group {
  position: relative;
  width: 100%;
  margin: 15px 0;
}
@media screen and (min-width: 640px) {
  .nuggetgame-bid-placement .tab-cont .input-group {
    width: 48%;
    margin: 5px 0;
  }
}
.nuggetgame-bid-placement .tab-cont .input-group .form-control {
  padding: 25px 4px;
  border: 1px solid var(--blue);
  border-radius: 30px;
  text-align: center;
  width: 100%;
  height: 46px;
  font-weight: bold;
  font-size: 1.2rem;
}
.nuggetgame-bid-placement .tab-cont .input-group .form-control::placeholder {
  font-size: 0.9rem;
  font-weight: normal;
}
.nuggetgame-bid-placement .tab-cont .input-group .input-group-btn {
  position: absolute;
  left: 0;
  top: 0;
}
.nuggetgame-bid-placement .tab-cont .input-group .input-group-btn:last-child {
  left: auto;
  right: 0;
}
.nuggetgame-bid-placement .tab-cont .input-group .input-group-btn button {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--blue);
  border: none;
  border-radius: 100px;
  color: #fff;
  font-size: 0;
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.nuggetgame-bid-placement .tab-cont .input-group .input-group-btn button:hover,
.nuggetgame-bid-placement .tab-cont .input-group .input-group-btn button:focus {
  transform: scale(1.1);
  background: var(--darkblue);
}
.nuggetgame-bid-placement .tab-cont .input-group .input-group-btn button:before {
  font-family: brandon;
  content: '+';
  font-size: 40px;
  display: block;
}
.nuggetgame-bid-placement .tab-cont .input-group .input-group-btn button.bootstrap-touchspin-down:before {
  content: '';
  height: 3px;
  width: 18px;
  background: #fff;
}
.nuggetgame-bid-placement .tab-cont .input-group .input-group-addon.bootstrap-touchspin-prefix {
  display: none;
}
.nuggetgame-bid-placement .tab-cont .button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  position: absolute;
  bottom: 54px;
  left: 50%;
  transform: translate(-50%);
  padding: 15px 58px 32px 58px;
  font-weight: bold;
  text-transform: uppercase;
  display: flex;
  white-space: nowrap;
}
.nuggetgame-bid-placement .tab-cont .button:hover,
.nuggetgame-bid-placement .tab-cont .button:focus {
  background: var(--darkblue);
}
@media screen and (min-width: 640px) {
  .nuggetgame-bid-placement .tab-cont .button {
    bottom: 44px;
    padding-left: 68px;
    padding-right: 68px;
  }
}
.nuggetgame-bid-placement .tab-cont .button .totalprice {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.nuggetgame-bid-placement .tab-cont .button .totalprice b {
  font-weight: bold;
  display: block;
  margin-left: 20px;
}
.nuggetgame-bid-placement .tab-cont .button .totalprice .inc,
.nuggetgame-bid-placement .tab-cont .button .totalprice .exc {
  position: absolute;
  left: 0;
  bottom: 12px;
  width: 100%;
  display: block;
  text-align: center;
  text-transform: none;
  font-size: 0.9rem;
  font-weight: normal;
}
.nuggetgame-bid-placement .tab-cont .button .totalprice:empty:before {
  content: '. . .';
  color: #fff;
  display: block;
  position: absolute;
  bottom: 12px;
  left: 0;
  width: 100%;
  text-align: center;
}
.nuggetgame-bid-placement .tab-cont .medal {
  display: inline-block;
  background: url(/content/css/lopoca/i/nugget_medal.png) no-repeat;
  position: absolute;
  right: 8px;
  top: 15px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-down-00 {
  background-position: 0px 0px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-down-01 {
  background-position: -32px 0px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-down-02 {
  background-position: -64px 0px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-down-03 {
  background-position: 0px -32px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-down-04 {
  background-position: -32px -32px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-down-05 {
  background-position: -64px -32px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-up-00 {
  background-position: 0px -64px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-up-01 {
  background-position: -32px -64px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-up-02 {
  background-position: -64px -64px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-up-03 {
  background-position: 0px -96px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-up-04 {
  background-position: -32px -96px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-up-05 {
  background-position: -64px -96px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .finish.displayNotification {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  width: 100%;
  padding: 35px;
  line-height: 1;
  text-align: center;
  transform: translateZ(0);
  display: block;
  font-weight: 700;
  border-bottom: 6px solid #007140;
  background: #09851b;
  color: #fff;
}
.nuggetgame-bid-placement .finish.displayNotification.err {
  color: #fff;
  background: #c40303;
  border-color: #850000;
}
.nuggetgame-bid-placement .finish.displayNotification.suc {
  color: #fff;
  background: #09851b;
  border-color: #007140;
}
.nuggetgame-bid-placement .finish.displayNotification.remove {
  position: fixed;
  top: 6px;
  right: 6px;
  font-size: 1.35em;
}
.nuggetgame-bid-placement .finish.displayNotification .icon {
  display: none;
  /*TODO*/

}
html[data-theme='dark'] .nuggetgame-bid-placement .totalprice:empty:before {
  color: #111 !important;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
/*Fullscreen View*/

.nuggetgame-chart {
  padding: 10px 0;
  border-radius: 8px;
  background: #fff;
}
.nuggetgame-chart .current,
.nuggetgame-chart .charttype {
  display: none;
}
.nuggetgame-chart .chartDetailed .highcharts-range-selector-buttons text {
  fill: #007de1 !important;
}
.nuggetgame-chart .chartDetailed .highcharts-range-selector-buttons .highcharts-button-pressed rect {
  fill: #edf6fd !important;
}
.nuggetgame-chart .chartDetailed .highcharts-tooltip path {
  fill: #007de1 !important;
}
.nuggetgame-chart .chartDetailed .highcharts-tooltip text {
  fill: #fff !important;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.nuggetgame-chart2 {
  margin: 20px 0;
  border-radius: 8px;
  width: 100%;
  height: 300px;
  position: relative;
}
.nuggetgame-chart2 canvas {
  width: 100%;
  height: 100%;
}
.nuggetgame-chart2:not(.initialized) {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
.nuggetgame-chart2 .chart-detail {
  position: absolute;
  top: -28px;
  right: 10px;
  z-index: 10;
  text-decoration: none;
  border: 1px solid transparent;
  color: #007de1;
  border-radius: 8px;
  padding: 4px;
}
.nuggetgame-chart2 .chart-detail:hover,
.nuggetgame-chart2 .chart-detail:focus {
  border-color: #b4d1e8;
}
[data-theme='dark'] .nuggetgame-chart2 .chart-detail {
  color: #fff;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
main .nuggetgame-cp {
  font-size: 1.5rem;
  font-weight: bold;
  color: #007de1;
}
main .nuggetgame-cp .general:before {
  content: 'AKTUELL';
  color: #555555;
  font-weight: 400;
  font-size: 1rem;
}
main .nuggetgame-cp .general:after {
  content: ' <';
  font-size: 16px;
  font-family: 'brandon';
  font-weight: 900;
  vertical-align: top;
  transform: rotate(90deg);
  display: inline-block;
  color: #09851b;
}
main .nuggetgame-cp .general.trend-Lower:after {
  color: #c40303;
  transform: rotate(-90deg);
}
main .nuggetgame-cp .general b:empty {
  display: inline-block;
  width: 70px;
  height: 20px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
html.en main .nuggetgame-cp .general:before {
  content: 'PRICE';
}
[data-theme='dark'] main .nuggetgame-cp .general {
  color: #e1bb36;
}
[data-theme='dark'] main .nuggetgame-cp .general:before {
  color: #fff;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.player-pot {
  position: relative;
  margin-top: 25px;
}
@media screen and (min-width: 800px) {
  .player-pot {
    float: right;
    width: 50%;
  }
}
.player-pot .playerpot {
  text-align: center;
}
.player-pot .playerpot:before {
  width: 40px;
  height: 40px;
  content: '';
  background: url(/content/css/lopocacom2/images/icon-pot.svg) no-repeat center center;
  background-size: contain;
  margin: 0 auto 8px auto;
  display: block;
}
.player-pot .playerpot .txt {
  font-weight: 900;
  text-align: center;
  font-size: 1.1rem;
  text-transform: uppercase;
}
@media screen and (min-width: 640px) {
  .player-pot .playerpot .txt {
    font-size: 1.2rem;
  }
}
.player-pot .playerpot .info-icon {
  background: var(--blue);
  color: #fff;
  border-radius: 30px;
  font-size: 8px;
  padding: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 18px;
}
.player-pot .playerpot .number {
  padding: 8px;
}
.player-pot .playerpot .tooltiptext {
  display: none;
  position: absolute;
  background: var(--blue);
  color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 2px 2px 8px #555555;
  max-width: 340px;
  line-height: 1.2;
  z-index: 9000;
}
.player-pot .playerpot .tooltiptext.active {
  display: block;
}
html[data-theme='dark'] .player-pot .playerpot:before {
  filter: brightness(0) invert(1);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.nuggetgame-portfolio {
  position: relative;
}
.nuggetgame-portfolio.loading {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
.nuggetgame-portfolio h5 {
  text-align: center;
  margin: 40px auto 100px auto;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.1rem;
}
@media screen and (min-width: 640px) {
  .nuggetgame-portfolio h5 {
    margin-top: 60px;
    margin-bottom: 20px;
    font-size: 1.2rem;
  }
}
.nuggetgame-portfolio .nugget-portfolio {
  padding: 20px 0;
  display: block !important;
}
.nuggetgame-portfolio .nugget-portfolio .main-details,
.nuggetgame-portfolio .nugget-portfolio .misc-details {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.nuggetgame-portfolio .nugget-portfolio .main-details > label,
.nuggetgame-portfolio .nugget-portfolio .misc-details > label {
  border-radius: 8px;
  text-align: center;
  border: 1px solid #007de1;
  padding-top: 20px;
  width: 100%;
  margin: 12px 0 30px 0;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (min-width: 1200px) {
  .nuggetgame-portfolio .nugget-portfolio .main-details > label,
  .nuggetgame-portfolio .nugget-portfolio .misc-details > label {
    width: 48%;
  }
}
.nuggetgame-portfolio .nugget-portfolio .main-details > label > span,
.nuggetgame-portfolio .nugget-portfolio .misc-details > label > span {
  display: block;
  background: #007de1;
  color: #fff;
  white-space: nowrap;
  padding: 15px 4px 10px 4px;
  margin-top: 14px;
  font-size: 1rem;
  font-weight: normal;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
@media screen and (min-width: 1300px) {
  .nuggetgame-portfolio .nugget-portfolio .main-details > label > span,
  .nuggetgame-portfolio .nugget-portfolio .misc-details > label > span {
    font-size: 1.2em;
  }
}
.nuggetgame-portfolio .nugget-portfolio .main-details > label > span br,
.nuggetgame-portfolio .nugget-portfolio .misc-details > label > span br {
  display: none;
}
.nuggetgame-portfolio .nugget-portfolio .main-details > label > span .avgspan,
.nuggetgame-portfolio .nugget-portfolio .misc-details > label > span .avgspan {
  display: inline-block;
  font-size: 0.7em;
  margin-left: 8px;
  vertical-align: middle;
  position: absolute;
  bottom: -24px;
  left: 0;
}
.nuggetgame-portfolio .nugget-portfolio .main-details > label.total,
.nuggetgame-portfolio .nugget-portfolio .misc-details > label.total,
.nuggetgame-portfolio .nugget-portfolio .main-details > label.last-sell,
.nuggetgame-portfolio .nugget-portfolio .misc-details > label.last-sell {
  border-color: #ffcd1c;
}
.nuggetgame-portfolio .nugget-portfolio .main-details > label.total > span,
.nuggetgame-portfolio .nugget-portfolio .misc-details > label.total > span,
.nuggetgame-portfolio .nugget-portfolio .main-details > label.last-sell > span,
.nuggetgame-portfolio .nugget-portfolio .misc-details > label.last-sell > span {
  background-color: #ffcd1c;
  color: #111;
}
.nuggetgame-portfolio .nugget-portfolio .misc-details {
  margin-bottom: 20px;
}
.nuggetgame-portfolio .nugget-portfolio .misc-details > label .linkbutton {
  position: absolute;
  left: 8px;
  font-size: 1rem;
  bottom: -24px;
}
.nuggetgame-portfolio .nugget-portfolio .misc-details .nugget-bonus {
  margin: 60px auto 20px auto;
}
.nuggetgame-portfolio .nugget-portfolio .misc-details .nugget-bonus a {
  background: var(--lightblue);
  border-radius: 48px;
  color: var(--button2-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.nuggetgame-portfolio .nugget-portfolio .misc-details .nugget-bonus a:hover,
.nuggetgame-portfolio .nugget-portfolio .misc-details .nugget-bonus a:focus {
  background: var(--darkblue);
  color: #fff;
}
.nuggetgame-portfolio .nugget-portfolio .rank {
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  background: url(/content/css/lopocacom2/images/icon-rank.svg) no-repeat center center;
  background-size: contain;
  padding: 20px 8px 40px 8px;
  width: 100px;
  height: 100px;
  color: #007de1;
  border-radius: 100px;
}
@media screen and (min-width: 640px) {
  .nuggetgame-portfolio .nugget-portfolio .rank {
    right: 0;
    left: auto;
    top: -46px;
    transform: none;
  }
}
.nuggetgame-portfolio .nugget-portfolio .rank .header {
  font-size: 0.9em;
  margin-bottom: 5px;
}
.nuggetgame-portfolio .nugget-portfolio .rank .position {
  font-weight: 900;
}
.nuggetgame-portfolio .nugget-portfolio .rank .trend:before {
  content: '>';
  transform: rotate(90deg);
  font-family: 'brandon';
  font-weight: 900;
  display: inline-block;
  font-size: 1.1rem;
  color: #c40303;
  position: absolute;
  bottom: 25px;
  margin-left: -4px;
}
.nuggetgame-portfolio .nugget-portfolio .rank .trend.up:before {
  transform: rotate(-90deg);
  color: #09851b;
}
.nuggetgame-portfolio .nugget-portfolio .rank:hover + .rank-info,
.nuggetgame-portfolio .nugget-portfolio .rank:focus + .rank-info {
  display: block;
}
.nuggetgame-portfolio .nugget-portfolio .rank-info {
  display: none;
  top: 50px;
  right: 0;
  position: absolute;
  background: var(--blue);
  color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 2px 2px 8px #555555;
  max-width: 340px;
  line-height: 1.2;
  z-index: 9000;
}
.nuggetgame-portfolio .nugget-portfolio .rank-info .header {
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 6px;
}
.nuggetgame-portfolio .nugget-portfolio .rank-info .buy {
  display: none;
}
.nuggetgame-portfolio .nugget-portfolio .rank-info .my-position {
  margin-top: 12px;
  font-weight: bold;
}
.nuggetgame-portfolio .nugget-portfolio .rank-info .my-position .trend:before {
  content: '>';
  transform: rotate(90deg);
  font-family: 'brandon';
  font-weight: 900;
  font-size: 1.1rem;
  margin-left: 4px;
  margin-top: -4px;
  color: #fff;
  background: #c40303;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 25px;
  vertical-align: middle;
}
.nuggetgame-portfolio .nugget-portfolio .rank-info .my-position .trend.up:before {
  transform: rotate(-90deg);
  background: #09851b;
}
html[data-theme='dark'] .nuggetgame-portfolio .rank {
  background-image: url(/content/css/lopocacom2/images/icon-rank-white.svg);
  color: #111;
}
html[data-theme='dark'] .nuggetgame-portfolio .nugget-portfolio .main-details label,
html[data-theme='dark'] .nuggetgame-portfolio .nugget-portfolio .misc-details label {
  border-color: #fff;
}
html[data-theme='dark'] .nuggetgame-portfolio .nugget-portfolio .main-details label > span,
html[data-theme='dark'] .nuggetgame-portfolio .nugget-portfolio .misc-details label > span {
  background: #555555;
}
html[data-theme='dark'] .nuggetgame-portfolio .nugget-portfolio .main-details label > span span,
html[data-theme='dark'] .nuggetgame-portfolio .nugget-portfolio .misc-details label > span span {
  color: #fff;
}
html[data-theme='dark'] .nuggetgame-portfolio .nugget-portfolio .main-details label.total > span,
html[data-theme='dark'] .nuggetgame-portfolio .nugget-portfolio .misc-details label.total > span,
html[data-theme='dark'] .nuggetgame-portfolio .nugget-portfolio .main-details label.last-sell > span,
html[data-theme='dark'] .nuggetgame-portfolio .nugget-portfolio .misc-details label.last-sell > span {
  background: #969696;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.statistics {
  position: relative;
  margin-top: 25px;
}
@media screen and (min-width: 800px) {
  .statistics {
    float: left;
    width: 50%;
  }
}
.statistics .nuggets {
  text-align: center;
}
.statistics .nuggets:before {
  width: 40px;
  height: 40px;
  content: '';
  background: url(/content/css/lopocacom2/images/icon-nugget.svg) no-repeat center center;
  background-size: contain;
  margin: 0 auto 8px auto;
  display: block;
}
.statistics .nuggets .txt {
  font-weight: 900;
  text-align: center;
  font-size: 1.1rem;
  text-transform: uppercase;
}
@media screen and (min-width: 640px) {
  .statistics .nuggets .txt {
    font-size: 1.2rem;
  }
}
.statistics .nuggets .info-icon {
  background: var(--blue);
  color: #fff;
  border-radius: 30px;
  font-size: 8px;
  padding: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 18px;
}
.statistics .nuggets .number {
  padding: 8px;
}
.statistics .nuggets .tooltiptext {
  display: none;
  position: absolute;
  background: var(--blue);
  color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 2px 2px 8px #555555;
  max-width: 340px;
  line-height: 1.2;
  z-index: 9000;
}
.statistics .nuggets .tooltiptext.active {
  display: block;
}
html[data-theme='dark'] .statistics .nuggets:before {
  filter: brightness(0) invert(1);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.nugget-ticker {
  background: var(--blue);
  color: var(--button-text);
  padding: 12px 10px 10px 10px;
  line-height: 1;
  display: flex;
  width: 100%;
  transition: all ease-in 3s;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
}
@media screen and (min-width: 640px) {
  .nugget-ticker {
    padding: 14px 10px 11px 10px;
  }
}
.nugget-ticker .ticker-container {
  width: 100%;
  overflow: hidden;
}
.nugget-ticker .ticker-container ul {
  display: inline-block;
  white-space: nowrap;
  padding-left: 100%;
  animation: marquee 30s linear infinite;
}
.nugget-ticker .ticker-container ul li {
  display: inline;
}
@media screen and (min-width: 640px) {
  html.scrolled400 .nugget-ticker {
    position: static;
    bottom: auto;
    left: auto;
  }
}
@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.nuggetgame-transaction {
  padding: 20px !important;
}
@media screen and (min-width: 1024px) {
  .nuggetgame-transaction {
    padding: 40px !important;
  }
}
.nuggetgame-transaction h3 {
  text-transform: uppercase;
  margin-bottom: 8px;
}
.nuggetgame-transaction .linkbutton {
  display: inline-block;
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.nuggetgame-transaction .linkbutton:hover,
.nuggetgame-transaction .linkbutton:focus {
  background: var(--darkblue);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.qualification-status {
  background: #edf6fd;
  margin: 20px auto;
  padding-top: 20px;
}
header .meta .qualification {
  height: 20px;
}
header .meta .qualification:before {
  content: "\f110";
  font-family: FontAwesome;
  font-size: 17px;
}
header .meta .close.body {
  display: none;
}
header .meta .qualification.not-qual {
  content: url(/content/css/lopocacom2/areas-root/qualification-status/icon/icon_not_qualified.svg);
}
header .meta .qualification.qual {
  content: url(/content/css/lopocacom2/areas-root/qualification-status/icon/icon_qualified.svg);
}
header .meta .qualification-status .period {
  font-family: 'Avenir-Light', Sans-Serif, Arial;
  color: #4b4b4b;
}
.de header .meta .qualification-status.qual.turnover progress,
.de header .meta .qualification-status.qual.joker progress {
  bottom: 68px;
}
header .meta .qualification-status .turnover .turnover-complete,
header .meta .qualification-status .turnover .turnover-remaining {
  padding-top: 18px;
}
progress {
  width: 7.7em;
}
header .qualification-status h6 {
  color: black !important;
}
.qualification-status .description .desc-info {
  padding-bottom: 15px;
  border-bottom: 1px solid var(--lightblue2);
  margin-bottom: 12px;
}
.qualification-status .jokercards {
  display: none;
}
.qualification-status .description .jokercards {
  padding-top: 15px;
  border-top: 1px solid #777;
  clear: both;
}
header .meta .qualification-status progress {
  position: absolute;
  bottom: 81px;
  left: 44px;
}
.qualification-status .btn.buy-packages {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.qualification-status .btn.buy-packages:hover,
.qualification-status .btn.buy-packages:focus {
  background: var(--darkblue);
}
.qualification-status {
  display: none;
}
.qualification-status.loaded {
  display: block;
}
.qualification-status.loaded .icon-turnover-green,
.qualification-status.qual.joker .icon-turnover-green {
  display: none;
}
.qualification-status.qual.turnover .icon-turnover-green {
  display: inline-block;
}
.qualification-status.loaded .icon-turnover-grey,
.qualification-status.qual.joker .icon-turnover-grey {
  display: inline-block;
}
.qualification-status.qual.turnover .icon-turnover-grey {
  display: none;
}
.qualification-status.loaded .icon-notqualified {
  display: inline-block;
}
.qualification-status.qual.turnover .icon-notqualified,
.qualification-status.qual.joker .icon-notqualified {
  display: none;
}
.qualification-status.qual.turnover .icon-qualified,
.qualification-status.qual.joker .icon-qualified {
  display: inline-block;
}
.qualification-status.loaded .icon-qualified {
  display: none;
}
.qualification-status.loaded .icon-jokercard-grey,
.qualification-status.qual.turnover .icon-jokercard-grey {
  display: inline-block;
}
.qualification-status.qual.joker .icon-jokercard-grey {
  display: none;
}
.qualification-status.loaded .icon-jokercard-green,
.qualification-status.qual.turnover .icon-jokercard-green {
  display: none;
}
.qualification-status.qual.joker .icon-jokercard-green {
  display: inline-block;
}
.qualification-status.loaded .jokercard-info,
.qualification-status.qual.turnover .jokercard-info {
  display: none;
}
.qualification-status.qual.joker .jokercard-info {
  display: inline-block;
}
header .qualification-status.loaded .buy-packages {
  width: 70px;
}
.qualification-status .qualified-description .not-text {
  display: block;
  color: #EA3D3D;
}
.qualification-status.qual.turnover .qualified-description .not-text,
.qualification-status.qual.joker .qualified-description .not-text {
  display: none;
}
.qualification-status.qual.turnover .qualified-description .joker-text,
.qualification-status .qualified-description .joker-text {
  display: none;
}
.qualification-status.qual.joker .qualified-description .turnover-text,
.qualification-status .qualified-description .turnover-text {
  display: none;
}
.qualification-status.qual.turnover .qualified-description .turnover-text,
.qualification-status.qual.joker .qualified-description .joker-text {
  display: block;
  color: #63C157;
  font-size: 0.8rem;
}
.qualification-status.qual.turnover .turnover .icon-turnover-green {
  display: inline-block;
}
.qualification-status.loaded .turnover .icon-turnover-green,
.qualification-status.qual.joker .turnover .icon-turnover-green {
  display: none;
}
.qualification-status.qual.turnover .turnover .icon-turnover-blue {
  display: none;
}
.qualification-status.loaded .turnover .icon-turnover-blue,
.qualification-status.qual.joker .turnover .icon-turnover-blue {
  display: inline-block;
}
.qualification-status.qual.joker .turnover .remainingbalance,
.qualification-status.loaded .turnover .remainingbalance {
  display: inline-block;
}
.qualification-status.qual.turnover .turnover .remainingbalance {
  display: none;
}
.qualification-status.qual.turnover .turnover .green {
  display: inline-block;
}
.qualification-status.loaded .turnover .green,
.qualification-status.qual.joker .turnover .green {
  display: none;
}
.qualification-status.qual.turnover .turnover .blue {
  display: none;
}
.qualification-status.loaded .turnover .blue,
.qualification-status.qual.joker .turnover .blue {
  display: inline-block;
}
.qualification-status.qual.turnover .turnover .turnover-complete {
  display: block;
  font-size: 0.8em;
}
.qualification-status.loaded .turnover .turnover-complete,
.qualification-status.qual.joker .turnover .turnover-complete {
  display: none;
}
.qualification-status.qual.turnover .turnover .turnover-remaining {
  display: none;
  font-size: 0.8em;
}
.qualification-status.qual.joker .jokercard .icon-jokercard-green {
  display: inline-block;
}
.qualification-status .jokercard .text {
  font-size: 1rem;
}
.qualification-status.loaded .jokercard .icon-jokercard-green,
.qualification-status.qual.turnover .jokercard .icon-jokercard-green {
  display: none;
}
.qualification-status.qual.joker .jokercard .icon-jokercard-blue {
  display: none;
}
.qualification-status.loaded .jokercard .icon-jokercard-blue,
.qualification-status.qual.turnover .jokercard .icon-jokercard-blue {
  display: inline-block;
}
.qualification-status.qual.joker .jokercard .remainingjokercards {
  color: #63C157;
}
.qualification-status.loaded .jokercard .remainingjokercards,
.qualification-status.qual.turnover .jokercard .remainingjokercards {
  color: #0173C7;
}
/* Information */

header .meta .qualification-status .header.none {
  display: none;
}
header .meta .qualification-status .description.active {
  display: block;
}
.qualification-status .description .back:before {
  content: "\f0e2";
  font-family: FontAwesome;
  float: left;
  position: absolute;
  right: 5px;
  top: 5px;
}
.qualification-status {
  position: relative;
}
.qualification-status .description {
  display: none;
}
.qualification-status .description.active {
  display: block;
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  padding: 40px;
  background: #edf6fd;
}
.qualification-status .description h4,
.qualification-status .description h6 {
  text-align: center;
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 1.2rem;
}
.qualification-status .description .desc-info,
.qualification-status .description div:last-child {
  color: var(--maintext);
  text-align: center;
  font-size: 0.9rem;
  line-height: 120%;
  clear: both;
}
.qualification-status .description .products,
.qualification-status .description .plus {
  text-align: center;
}
.qualification-status .description .jokercards h6 {
  font-size: 1rem;
  margin: 12px 0 8px 0;
  line-height: 100%;
}
.qualification-status .description .jokercards .icon-jokercard-blue {
  width: 25px;
  display: inline-block !important;
  vertical-align: middle;
}
/* Within page */

#m .qualification-status {
  text-align: center;
  padding: 10px;
  height: 220px;
}
#m .qualification-status h4 {
  color: black;
  display: inline;
  margin: 12px;
}
#m .qualification-status .general {
  width: 20%;
  float: left;
  margin-left: 20%;
}
#m .qualification-status .turnover,
#m .qualification-status .jokercard {
  width: 20%;
  margin-top: 20px;
}
#m .qualification-status .turnover {
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #ddd;
  padding-left: 10px;
}
#m .qualification-status .jokercard-info {
  vertical-align: 124%;
}
#m .qualification-status .qualified-description {
  padding-top: 6px;
}
#m hr {
  display: none;
}
#m .qualification-status .description {
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: calc(-200%);
  top: 20%;
  overflow: auto;
  /* Enable scroll if needed */
  background-color: white;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  box-shadow: 0 8px 12px #999;
}
#m .qualification-status .description.active {
  display: block;
  background-color: #fefefe;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  height: auto;
  z-index: 100;
  max-width: 500px;
}
#m .qualification-status .description h6 {
  color: black;
}
#m .qualification-status .close.menu {
  display: none;
}
#m .qualification-status .buy-packages {
  margin-right: 21%;
  margin-left: 27%;
  margin-top: 0;
}
#m .qualification-status .close:before {
  right: 8px;
  top: 4px;
}
/* infopop */

.infopop {
  display: none;
}
.infopop.active {
  display: block;
}
/* Smartphone Menu */

nav.main .nav .qualification-status h4 {
  color: black;
}
/* Responsive */

@media screen and (max-width: 1024px) {
  header nav a .qualification-status {
    font-size: 13px;
  }
}
@media screen and (max-width: 750px) {
  #m .qualification-status .general {
    width: 100%;
    margin-left: 0%;
  }
  #m .qualification-status .turnover,
  #m .qualification-status .jokercard {
    width: 50%;
  }
  #m .qualification-status.loaded {
    display: inline-block;
    height: auto !important;
    width: 100%;
  }
  #m .qualification-status .circle {
    top: 12px;
    right: 10px;
  }
  #m .qualification-status .turnover {
    border: initial;
  }
  #m .qualification-status .description {
    left: 10%;
    top: 10%;
  }
  #m .qualification-status .description .jokercards h6 {
    width: 62%;
  }
}
@media screen and (max-width: 450px) {
  #m .qualification-status .description .products > div {
    font-size: 11px;
  }
}
/* General */

.meta .qualification-status {
  height: 314px;
  text-align: center;
  padding: 15px;
  color: black !important;
  background: white;
}
.qualification-status h4 {
  font-family: 'Avenir-Heavy', Arial;
}
.qualification-status .information {
  padding: 15px;
}
.qualification-status .circle {
  position: absolute;
  right: 23px;
  top: 15px;
}
/* Progress bar green */

.green {
  color: #63C157;
  background: #a3a3a3;
  height: 3px;
}
.green::-webkit-progress-value {
  background: #63C157;
}
.green::-moz-progress-bar {
  background: #63C157;
}
/* Progress bar blue */

.blue {
  color: #fff;
  background: #fff;
  height: 3px;
}
.blue::-webkit-progress-value {
  background: #0173C7;
}
.blue::-moz-progress-bar {
  background: #0173C7;
}
.qualification-status .jokercard-info {
  color: #63C157;
  vertical-align: 140%;
}
/*
.qualification-status .turnover, .qualification-status .jokercard {
    height: 100px;
    width: 50%;
    float: left;
    text-align: center;
}
*/

.qualification-status .turnover > div,
.qualification-status .jokercard > div {
  /*height: 30px;
    padding: 10px 0px 0px 10px;*/
  padding: 10px;
}
.qualification-status .qualified-description {
  padding: 10px;
  font-size: 16px;
}
.qualification-status .icon-turnover-grey,
.qualification-status .icon-turnover-green,
.qualification-status .icon-jokercard-grey,
.qualification-status .icon-jokercard-green {
  vertical-align: 160%;
}
.qualification-status .jokercard .icon-jokercard-green {
  vertical-align: 0%;
}
.qualification-status .icon-turnover-grey {
  content: url(/content/css/lopocacom2/areas-root/qualification-status/icon/icon_turnover_grey.svg);
  display: inline-block;
}
.qualification-status .icon-turnover-blue {
  content: url(/content/css/lopocacom2/areas-root/qualification-status/icon/icon_turnover_blue.svg);
  display: inline-block;
}
.qualification-status .icon-turnover-green {
  content: url(/content/css/lopocacom2/areas-root/qualification-status/icon/icon_turnover_green.svg);
  display: inline-block;
}
.qualification-status .icon-jokercard-grey {
  content: url(/content/css/lopocacom2/areas-root/qualification-status/icon/icon_joker_card_grey.svg);
  display: inline-block;
}
.qualification-status .icon-jokercard-blue {
  content: url(/content/css/lopocacom2/areas-root/qualification-status/icon/icon_joker_card_blue.svg);
  display: inline-block;
}
.qualification-status .icon-jokercard-green {
  content: url(/content/css/lopocacom2/areas-root/qualification-status/icon/icon_joker_card_green.svg);
  display: inline-block;
}
.qualification-status .icon-qualified {
  content: url(/content/css/lopocacom2/areas-root/qualification-status/icon/icon_qualified.svg);
  display: inline-block;
  padding: 10px;
}
.qualification-status .icon-notqualified {
  content: url(/content/css/lopocacom2/areas-root/qualification-status/icon/icon_not_qualified.svg);
  display: inline-block;
  padding: 10px;
}
.qualification-status .remainingbalance,
.qualification-status .remainingjokercards {
  font-size: 16px;
  display: inline-block;
  vertical-align: 25%;
  padding-left: 5px;
}
.qualification-status .remainingbalance {
  color: #0173C7;
}
.qualification-status .description .products {
  float: left;
  width: 100%;
  padding-bottom: 15px;
}
.qualification-status .description .jokercards h6 {
  width: 58%;
  float: left;
  text-align: right;
  padding-right: 10px;
  color: white;
}
.qualification-status .description .jokercards .icon-jokercard-blue {
  display: block;
}
.qualification-status .description > div {
  padding: 5px;
}
.qualification-status .description .casino {
  content: url(/content/css/lopoca/register/i/icon_casino.svg);
  display: inline-block;
}
.qualification-status .description .nugget {
  content: url(/content/css/lopoca/register/i/icon_nugget.svg);
  display: inline-block;
}
.qualification-status .description .sportsbetting {
  content: url(/content/css/lopoca/register/i/icon_sportsbetting.svg);
  display: inline-block;
}
.qualification-status .close {
  cursor: pointer;
}
.qualification-status .close:before {
  content: "x";
  position: absolute;
  right: 16px;
  top: 23px;
  font-size: 20px;
  background: var(--blue);
  color: var(--button-text);
  width: 30px;
  height: 30px;
  max-height: 30px;
  box-sizing: border-box;
  border-radius: 40px;
  text-align: center;
  padding: 2px 0 4px;
  font-weight: bold;
  font-family: brandon;
}
.qualification-status .close:hover:before,
.qualification-status .close:focus:before {
  opacity: 0.7;
}
.header.qualifications-status-items {
  text-align: center;
  padding: 38px 20px;
  position: relative;
}
.header.qualifications-status-items .header-text {
  text-align: center;
}
.header.qualifications-status-items .header-text h4 {
  display: inline-block;
}
.header.qualifications-status-items .header-text .info-icon {
  font-size: 12px;
  background: white;
  color: black;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 10px;
  line-height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.header.qualifications-status-items > div {
  position: relative;
}
.header.qualifications-status-items h4 {
  text-transform: uppercase;
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 8px;
}
@media screen and (min-width: 800px) {
  .header.qualifications-status-items h4 {
    font-size: 2rem;
  }
}
.header.qualifications-status-items .icon {
  display: none;
}
.header.qualifications-status-items .icon:before {
  content: 'X';
}
.header.qualifications-status-items .period {
  color: #111;
  line-height: 1.3;
}
.header.qualifications-status-items .status-row .row-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1100px;
  padding: 20px 30px;
  margin: 30px auto;
  flex-direction: column;
}
@media screen and (min-width: 1100px) {
  .header.qualifications-status-items .status-row .row-flex {
    flex-direction: row;
  }
}
/*CAN*/

html.uc-68 .qualification-status .jokercard,
html.ui-68 .qualification-status .jokercard {
  display: none;
}
[data-theme='dark'] .qualification-status {
  background: #111;
}
[data-theme='dark'] .qualification-status .period {
  color: #fff;
}
[data-theme='dark'] .qualification-status .description {
  background: #111;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.gaming-limits {
  margin-bottom: 100px;
  background: var(--lightblue);
  border-radius: 8px;
  padding: 40px;
  margin: 0 20px;
}
.cmsmodul.gaming-limits .remove-value {
  display: inline-block;
  visibility: hidden;
  font-size: 0.8rem;
  text-decoration: none;
  margin-top: 8px;
}
.cmsmodul.gaming-limits .remove-value.active {
  visibility: visible;
}
.cmsmodul.gaming-limits .done {
  display: none;
  background: #09851b;
  padding: 40px;
  color: #111;
  margin-bottom: 30px;
}
.cmsmodul.gaming-limits .done.active {
  display: block;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.gaming-limits .gametywrap {
    display: flex;
    justify-content: center;
  }
}
.cmsmodul.gaming-limits .gametywrap .gamety {
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.gaming-limits .gametywrap .gamety {
    width: 31%;
  }
}
.cmsmodul.gaming-limits .gametywrap .gamety h3 {
  margin: 0 0 8px 1px;
}
.cmsmodul.gaming-limits .gametywrap .gamety ul {
  list-style-type: none;
  margin: 0;
}
.cmsmodul.gaming-limits .gametywrap .gamety ul li {
  position: relative;
  padding: 4px 0;
}
.cmsmodul.gaming-limits .gametywrap .gamety ul li.up input {
  border-bottom-color: #c40303;
}
.cmsmodul.gaming-limits .gametywrap .gamety ul li.down input {
  border-bottom-color: #09851b;
}
.cmsmodul.gaming-limits .gametywrap .gamety ul li span {
  position: absolute;
  font-size: 0.8em;
  left: 10px;
  top: 21px;
  color: var(--blue);
  z-index: 10;
}
.cmsmodul.gaming-limits .gametywrap .gamety ul li input {
  max-width: 240px;
  text-align: right;
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
}
.cmsmodul.gaming-limits .gametywrap .gamety ul li input::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.cmsmodul.gaming-limits .btn-continue {
  margin: 25px auto;
  text-align: center;
}
.cmsmodul.gaming-limits .btn-continue .button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  display: inline-block;
}
.cmsmodul.gaming-limits .btn-continue .button:hover,
.cmsmodul.gaming-limits .btn-continue .button:focus {
  background: var(--darkblue);
}
@media screen and (min-width: 1024px) {
  .cmsmodul.gaming-limits.side-by-side .gamety {
    width: 100%;
  }
  .cmsmodul.gaming-limits.side-by-side .gamety ul {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .cmsmodul.gaming-limits.side-by-side .gamety ul li {
    margin-right: 25px;
  }
  .cmsmodul.gaming-limits.side-by-side .gamety ul li .remove-value {
    display: block;
  }
}
.cmsmodul.gaming-limits .confirmation-dialog {
  display: none;
  position: fixed;
  z-index: 210010;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: var(--lightblue);
  padding: 40px;
  text-align: center;
  color: #111;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.gaming-limits .confirmation-dialog {
    width: 600px;
    height: auto;
    top: 30%;
    left: 50%;
    margin-left: -300px;
  }
}
.cmsmodul.gaming-limits .confirmation-dialog.active {
  display: block;
}
.cmsmodul.gaming-limits .confirmation-dialog .increase-info,
.cmsmodul.gaming-limits .confirmation-dialog .decrease-info {
  padding: 8px 0;
}
.cmsmodul.gaming-limits .confirmation-dialog .btns {
  display: flex;
  margin-top: 20px;
}
.cmsmodul.gaming-limits .confirmation-dialog .btns a {
  width: 45%;
  margin: 2%;
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.cmsmodul.gaming-limits .confirmation-dialog .btns a:hover,
.cmsmodul.gaming-limits .confirmation-dialog .btns a:focus {
  background: var(--darkblue);
}
.cmsmodul.gaming-limits .confirmation-dialog .btns a.cancel {
  background: var(--lightblue);
  border-radius: 48px;
  color: var(--button2-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.cmsmodul.gaming-limits .confirmation-dialog .btns a.cancel:hover,
.cmsmodul.gaming-limits .confirmation-dialog .btns a.cancel:focus {
  background: var(--darkblue);
  color: #fff;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.block {
  background: var(--lightblue);
  color: #111;
  padding: 40px;
  border-radius: 8px;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.block {
    max-width: 900px;
    margin: 0 auto;
  }
}
.cmsmodul.block .blocked-container {
  background: #c40303;
  padding: 40px;
  margin-bottom: 20px;
  color: #fff;
  font-weight: bold;
  font-size: 1.1rem;
}
.cmsmodul.block .game {
  margin-bottom: 20px;
}
.cmsmodul.block .game select {
  display: block;
  width: 100%;
  border: none;
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
  margin-left: 4px;
  padding: 8px;
  font-weight: bold;
}
.cmsmodul.block .game select::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
@media screen and (min-width: 640px) {
  .cmsmodul.block .game select {
    width: auto;
    display: inline-block;
  }
}
.cmsmodul.block ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.cmsmodul.block ul li {
  padding: 8px 0;
}
.cmsmodul.block ul li input[type=radio] {
  zoom: 1.6;
  margin-right: 8px;
  vertical-align: middle;
  margin-bottom: 2px;
}
.cmsmodul.block ul li input[type=radio][disabled] + label {
  opacity: 0.7;
}
.cmsmodul.block ul li input[type=radio][disabled] + label:hover:before {
  content: 'Diese Option ist nicht möglich, da Sie in diesem Zeitraum bereits gesperrt sein.';
  display: block;
  position: absolute;
  background: #c40303;
  color: #fff;
  box-shadow: 0 0 12px #555555;
  padding: 6px 8px;
  border-radius: 8px;
  font-size: 0.9rem;
}
.cmsmodul.block .btn-confirmation {
  margin-top: 40px;
}
.cmsmodul.block .btn-confirmation a.disabled {
  opacity: 0.7;
}
.cmsmodul.block .btn-confirmation .button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  display: inline-block;
}
.cmsmodul.block .btn-confirmation .button:hover,
.cmsmodul.block .btn-confirmation .button:focus {
  background: var(--darkblue);
}
.cmsmodul.block .confirmation-dialog,
.cmsmodul.block .finish-dialog {
  display: none;
  position: fixed;
  z-index: 210010;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: #edf6fd;
  padding: 50px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.block .confirmation-dialog,
  .cmsmodul.block .finish-dialog {
    width: 640px;
    height: auto;
    top: 30%;
    left: 50%;
    margin-left: -300px;
  }
}
.cmsmodul.block .confirmation-dialog.active,
.cmsmodul.block .finish-dialog.active {
  display: block;
}
.cmsmodul.block .confirmation-dialog .until-info,
.cmsmodul.block .finish-dialog .until-info {
  margin-top: 20px;
}
.cmsmodul.block .confirmation-dialog .until-info span,
.cmsmodul.block .finish-dialog .until-info span {
  font-weight: bold;
}
.cmsmodul.block .confirmation-dialog .btns,
.cmsmodul.block .finish-dialog .btns {
  display: flex;
  margin-top: 20px;
  justify-content: center;
}
.cmsmodul.block .confirmation-dialog .btns a,
.cmsmodul.block .finish-dialog .btns a {
  width: 45%;
  margin: 2%;
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.cmsmodul.block .confirmation-dialog .btns a:hover,
.cmsmodul.block .finish-dialog .btns a:hover,
.cmsmodul.block .confirmation-dialog .btns a:focus,
.cmsmodul.block .finish-dialog .btns a:focus {
  background: var(--darkblue);
}
.cmsmodul.block .finish-dialog {
  background: #09851b;
  padding-top: 80px;
  padding-bottom: 80px;
}
.cmsmodul.block .status.blocked {
  background: #c40303;
  padding: 40px;
  text-align: center;
}
.cmsmodul.block .status.blocked time {
  font-weight: bold;
}
html.en .cmsmodul.block ul li input[type=radio][disabled] + label:hover:before {
  content: 'This option is not possible because you are already be blocked during this period';
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.skillgames-asset-open {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}
.skillgames-asset-open figure {
  width: 44px;
  height: 34px;
  flex: 0 0 44px;
  margin: 0;
  overflow: hidden;
  border-radius: 6px;
  background: rgba(150, 150, 150, 0.2);
}
.skillgames-asset-open img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.skillgames-asset-open:hover span {
  text-decoration: underline;
}
.skillgames-asset-open:focus-visible {
  outline: 2px solid #007de1;
  outline-offset: 4px;
}
html.skillgames-asset-modal-open {
  overflow: hidden;
}
.skillgames-asset-overlay {
  box-sizing: border-box;
  width: 80vw;
  height: 80vh;
  height: 80 dvh;
  max-width: none;
  max-height: none;
  padding: 0;
  border: 1px solid rgba(150, 150, 150, 0.35);
  border-radius: 14px;
  background: #fff;
  color: #111;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
}
.skillgames-asset-overlay [hidden] {
  display: none !important;
}
.skillgames-asset-overlay[open] {
  display: flex;
  flex-direction: column;
}
.skillgames-asset-overlay::backdrop {
  background: rgba(17, 17, 17, 0.75);
}
.skillgames-asset-overlay .skillgames-asset-toolbar {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px 24px;
  border-bottom: 1px solid rgba(150, 150, 150, 0.25);
}
.skillgames-asset-overlay h2 {
  flex: 1;
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: 800;
  text-transform: none;
  overflow-wrap: anywhere;
}
.skillgames-asset-overlay [data-asset-close] {
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 32px;
  cursor: pointer;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
}
.skillgames-asset-overlay [data-asset-content] {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 24px;
  overscroll-behavior: contain;
}
.skillgames-asset-overlay .skillgames-asset-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 30px;
}
.skillgames-asset-overlay .skillgames-asset-without-images {
  grid-template-columns: minmax(0, 1fr);
}
.skillgames-asset-overlay .skillgames-asset-price-history {
  margin-bottom: 24px;
  padding: 16px;
  border: 1px solid rgba(150, 150, 150, 0.25);
  border-radius: 8px;
}
.skillgames-asset-overlay .skillgames-asset-price-history h3 {
  margin: 0 0 14px;
  padding: 0;
  font: 800 16px 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  text-transform: none;
}
.skillgames-asset-overlay .skillgames-asset-price-history p {
  margin: 0;
  font-size: 13px;
}
.skillgames-asset-overlay .skillgames-asset-chart {
  position: relative;
  height: 240px;
  min-width: 0;
  color: #969696;
}
.skillgames-asset-overlay .skillgames-asset-chart[data-performance='positive'] {
  color: #09851b;
}
.skillgames-asset-overlay .skillgames-asset-chart[data-performance='negative'] {
  color: #c40303;
}
.skillgames-asset-overlay .skillgames-asset-gallery {
  display: grid;
  gap: 16px;
}
.skillgames-asset-overlay .skillgames-asset-gallery figure {
  margin: 0;
}
.skillgames-asset-overlay .skillgames-asset-gallery img {
  display: block;
  width: 100%;
  max-height: 440px;
  object-fit: contain;
  border-radius: 8px;
}
.skillgames-asset-overlay .skillgames-asset-facts {
  margin: 0 0 24px;
}
.skillgames-asset-overlay .skillgames-asset-facts div {
  padding: 12px 0;
  border-bottom: 1px solid rgba(150, 150, 150, 0.25);
}
.skillgames-asset-overlay .skillgames-asset-facts dt {
  color: #555555;
  font-size: 12px;
}
.skillgames-asset-overlay .skillgames-asset-facts dd {
  margin: 4px 0 0;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.skillgames-asset-overlay .skillgames-asset-description {
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.skillgames-asset-overlay .skillgames-asset-description table {
  display: block;
  overflow-x: auto;
  max-width: 100%;
}
.skillgames-asset-overlay .skillgames-asset-actions {
  display: flex;
  justify-content: flex-end;
  flex: none;
  padding: 16px 24px;
  border-top: 1px solid rgba(150, 150, 150, 0.25);
}
.skillgames-asset-overlay .skillgames-asset-actions a {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 48px;
}
.skillgames-asset-overlay .skillgames-asset-actions a:hover,
.skillgames-asset-overlay .skillgames-asset-actions a:focus {
  background: var(--darkblue);
}
.skillgames-asset-overlay nav {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-top: 1px solid rgba(150, 150, 150, 0.25);
}
.skillgames-asset-overlay nav button,
.skillgames-asset-overlay [data-asset-retry] {
  background: #fff;
  border: 1px solid rgba(180, 209, 232, 0.7);
  border-radius: 11px;
  color: #111;
  padding: 10px 16px;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4;
  cursor: pointer;
}
.skillgames-asset-overlay nav button:hover,
.skillgames-asset-overlay [data-asset-retry]:hover,
.skillgames-asset-overlay nav button:focus,
.skillgames-asset-overlay [data-asset-retry]:focus {
  background: #edf6fd;
  color: #111;
}
html[data-theme='dark'] .skillgames-asset-overlay nav button,
html[data-theme='dark'] .skillgames-asset-overlay [data-asset-retry] {
  background: #101417;
  border-color: rgba(150, 150, 150, 0.2);
  color: #fff;
}
html[data-theme='dark'] .skillgames-asset-overlay nav button:hover,
html[data-theme='dark'] .skillgames-asset-overlay [data-asset-retry]:hover,
html[data-theme='dark'] .skillgames-asset-overlay nav button:focus,
html[data-theme='dark'] .skillgames-asset-overlay [data-asset-retry]:focus {
  background: #eddc9f;
  color: #111;
}
.skillgames-asset-overlay nav button:disabled,
.skillgames-asset-overlay [data-asset-retry]:disabled {
  opacity: 0.4;
  cursor: default;
}
.skillgames-asset-overlay button:focus-visible {
  outline: 2px solid #007de1;
  outline-offset: 3px;
}
@media (max-width: 767px) {
  .skillgames-asset-overlay {
    width: 100%;
    height: 100vh;
    height: 100 dvh;
    margin: 0;
    border: 0;
    border-radius: 0;
  }
  .skillgames-asset-overlay .skillgames-asset-toolbar,
  .skillgames-asset-overlay nav {
    padding: 12px 16px;
  }
  .skillgames-asset-overlay h2 {
    font-size: 20px;
  }
  .skillgames-asset-overlay [data-asset-content] {
    padding: 16px;
  }
  .skillgames-asset-overlay .skillgames-asset-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
  .skillgames-asset-overlay nav {
    gap: 8px;
  }
  .skillgames-asset-overlay nav button {
    padding: 10px 14px;
    min-width: 0;
  }
  .skillgames-asset-overlay .skillgames-asset-actions {
    padding: 12px 16px;
  }
  .skillgames-asset-overlay .skillgames-asset-actions a {
    width: 100%;
  }
}
html[data-theme='dark'] .skillgames-asset-overlay {
  background: #101417;
  color: #fff;
}
html[data-theme='dark'] .skillgames-asset-overlay .skillgames-asset-facts dt {
  color: #d5d5d5;
}
html[data-theme='dark'] .skillgames-asset-overlay .skillgames-asset-chart[data-performance='positive'] {
  color: #0fe52e;
}
html[data-theme='dark'] .skillgames-asset-overlay .skillgames-asset-chart[data-performance='negative'] {
  color: #fc3131;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.skillgames-portfolio-page .skillgames-portfolio-hero,
.skillgames-join-page .skillgames-join-hero {
  min-height: 260px;
}
.skillgames-portfolio-page .skillgames-portfolio-hero .skillgames-detail-content,
.skillgames-join-page .skillgames-join-hero .skillgames-detail-content {
  min-height: 260px;
  padding: 20px 24px;
  gap: 10px;
}
.skillgames-portfolio-page .skillgames-portfolio-hero .skillgames-detail-top,
.skillgames-join-page .skillgames-join-hero .skillgames-detail-top {
  justify-content: flex-start;
  gap: 16px;
}
.skillgames-portfolio-page .skillgames-portfolio-hero h1,
.skillgames-join-page .skillgames-join-hero h1 {
  max-width: 580px;
  font-size: 42px;
}
.skillgames-portfolio-page .skillgames-portfolio-hero .skillgames-preview,
.skillgames-join-page .skillgames-join-hero .skillgames-preview {
  max-width: 540px;
  margin: 0;
}
.skillgames-portfolio-page .skillgames-portfolio-hero .skillgames-portfolio-countdown,
.skillgames-join-page .skillgames-join-hero .skillgames-portfolio-countdown {
  position: absolute;
  right: 24px;
  top: 20px;
  width: fit-content;
  max-width: calc(52%);
  box-sizing: border-box;
  padding: 14px 18px 14px 52px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(150, 150, 150, 0.25);
  border-radius: 10px;
}
.skillgames-portfolio-page .skillgames-portfolio-hero .skillgames-portfolio-countdown:before,
.skillgames-join-page .skillgames-join-hero .skillgames-portfolio-countdown:before {
  left: 18px;
  top: 16px;
}
.skillgames-portfolio-page .skillgames-portfolio-hero .skillgames-portfolio-countdown > span,
.skillgames-join-page .skillgames-join-hero .skillgames-portfolio-countdown > span {
  font-size: 12px;
  margin-bottom: 6px;
  text-transform: none;
}
.skillgames-portfolio-page .skillgames-portfolio-hero .skillgames-portfolio-countdown .skillgames-time-units,
.skillgames-join-page .skillgames-join-hero .skillgames-portfolio-countdown .skillgames-time-units {
  gap: 18px;
}
.skillgames-portfolio-page .skillgames-portfolio-hero .skillgames-portfolio-countdown [data-portfolio-time-unit],
.skillgames-join-page .skillgames-join-hero .skillgames-portfolio-countdown [data-portfolio-time-unit] {
  position: relative;
  min-width: 36px;
}
.skillgames-portfolio-page .skillgames-portfolio-hero .skillgames-portfolio-countdown [data-portfolio-time-unit]:not(:last-child):after,
.skillgames-join-page .skillgames-join-hero .skillgames-portfolio-countdown [data-portfolio-time-unit]:not(:last-child):after {
  content: ':';
  position: absolute;
  right: -12px;
  top: 0;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
}
.skillgames-portfolio-page .skillgames-portfolio-hero .skillgames-portfolio-countdown strong,
.skillgames-join-page .skillgames-join-hero .skillgames-portfolio-countdown strong {
  font-size: 24px;
}
.skillgames-portfolio-page .skillgames-portfolio-hero .skillgames-portfolio-countdown .skillgames-time-units span,
.skillgames-join-page .skillgames-join-hero .skillgames-portfolio-countdown .skillgames-time-units span {
  font-size: 10px;
}
@media (max-width: 1000px) {
  .skillgames-portfolio-page .skillgames-portfolio-hero .skillgames-portfolio-countdown,
  .skillgames-join-page .skillgames-join-hero .skillgames-portfolio-countdown {
    position: relative;
    right: auto;
    top: auto;
    margin: 0 24px 20px;
  }
}
@media (max-width: 600px) {
  .skillgames-portfolio-page .skillgames-portfolio-hero,
  .skillgames-join-page .skillgames-join-hero {
    min-height: 0;
  }
  .skillgames-portfolio-page .skillgames-portfolio-hero .skillgames-detail-content,
  .skillgames-join-page .skillgames-join-hero .skillgames-detail-content {
    min-height: 0;
    padding: 20px;
  }
  .skillgames-portfolio-page .skillgames-portfolio-hero h1,
  .skillgames-join-page .skillgames-join-hero h1 {
    font-size: 30px;
  }
  .skillgames-portfolio-page .skillgames-portfolio-hero .skillgames-portfolio-countdown,
  .skillgames-join-page .skillgames-join-hero .skillgames-portfolio-countdown {
    margin: 0 20px 20px;
    max-width: calc(60%);
    padding-left: 42px;
    padding-right: 12px;
  }
  .skillgames-portfolio-page .skillgames-portfolio-hero .skillgames-portfolio-countdown:before,
  .skillgames-join-page .skillgames-join-hero .skillgames-portfolio-countdown:before {
    left: 12px;
  }
  .skillgames-portfolio-page .skillgames-portfolio-hero .skillgames-portfolio-countdown .skillgames-time-units,
  .skillgames-join-page .skillgames-join-hero .skillgames-portfolio-countdown .skillgames-time-units {
    gap: 14px;
  }
  .skillgames-portfolio-page .skillgames-portfolio-hero .skillgames-portfolio-countdown [data-portfolio-time-unit],
  .skillgames-join-page .skillgames-join-hero .skillgames-portfolio-countdown [data-portfolio-time-unit] {
    min-width: 28px;
  }
  .skillgames-portfolio-page .skillgames-portfolio-hero .skillgames-portfolio-countdown strong,
  .skillgames-join-page .skillgames-join-hero .skillgames-portfolio-countdown strong {
    font-size: 20px;
  }
  .skillgames-portfolio-page .skillgames-portfolio-hero .skillgames-portfolio-countdown [data-portfolio-time-unit]:not(:last-child):after,
  .skillgames-join-page .skillgames-join-hero .skillgames-portfolio-countdown [data-portfolio-time-unit]:not(:last-child):after {
    right: -10px;
    font-size: 20px;
  }
}
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-portfolio-countdown {
  background: rgba(17, 17, 17, 0.92);
  color: #fff;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.skillgames-portfolio-page {
  color: #111;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  box-sizing: border-box;
}
@media screen and (min-width: 640px) {
  .skillgames-portfolio-page {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.skillgames-portfolio-page [hidden] {
  display: none !important;
}
.skillgames-portfolio-page [data-portfolio-page] {
  min-height: 400px;
}
.skillgames-portfolio-page h2 {
  margin: 0 0 12px;
  padding: 0;
  font: 800 24px 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  text-transform: none;
}
.skillgames-portfolio-page .skillgames-portfolio-layout {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) minmax(340px, 1fr);
  gap: 20px;
  margin-top: 20px;
}
.skillgames-portfolio-page aside {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}
.skillgames-portfolio-page .skillgames-portfolio-panel {
  padding: 20px;
  border: 1px solid rgba(180, 209, 232, 0.7);
  border-radius: 12px;
  background: #fff;
  min-width: 0;
}
.skillgames-portfolio-page .skillgames-catalogue > p {
  margin: 0 0 20px;
  line-height: 1.5;
  color: #555555;
}
.skillgames-portfolio-page .skillgames-asset-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.skillgames-portfolio-page .skillgames-asset-card {
  overflow: hidden;
  padding: 0 0 14px;
  border: 1px solid rgba(180, 209, 232, 0.6);
  border-radius: 10px;
}
.skillgames-portfolio-page .skillgames-asset-open {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  gap: 12px;
}
.skillgames-portfolio-page .skillgames-asset-open figure {
  width: 100%;
  height: 170px;
  flex: none;
  border-radius: 0;
}
.skillgames-portfolio-page .skillgames-asset-open span {
  padding: 0 12px;
}
.skillgames-portfolio-page .skillgames-asset-open:focus-visible {
  outline-offset: -3px;
}
.skillgames-portfolio-page .skillgames-asset-region {
  margin: 6px 12px 16px;
  font-size: 13px;
  color: #555555;
  min-height: 18px;
}
.skillgames-portfolio-page .skillgames-asset-card-bottom {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 12px;
}
.skillgames-portfolio-page .skillgames-asset-card-bottom strong {
  font-size: 18px;
}
.skillgames-portfolio-page .skillgames-asset-card-bottom span {
  font-size: 12px;
}
.skillgames-portfolio-page .skillgames-asset-card-bottom button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  font-size: 14px;
  padding: 10px 14px;
  margin-left: auto;
  cursor: pointer;
}
.skillgames-portfolio-page .skillgames-asset-card-bottom button:hover,
.skillgames-portfolio-page .skillgames-asset-card-bottom button:focus {
  background: var(--darkblue);
}
.skillgames-portfolio-page .skillgames-asset-card-bottom button:disabled {
  opacity: 0.4;
  cursor: default;
}
.skillgames-portfolio-page .skillgames-asset-card small {
  display: block;
  margin: 12px 12px 0;
  color: #555555;
  line-height: 1.4;
}
.skillgames-portfolio-page .skillgames-asset-availability {
  display: inline-block;
  margin: 0 12px 12px;
  padding: 5px 8px;
  border-radius: 5px;
  background: rgba(150, 150, 150, 0.15);
  color: #555555;
  font-size: 12px;
  font-weight: 700;
}
.skillgames-portfolio-page [data-availability='upcoming'] .skillgames-asset-availability {
  background: rgba(0, 125, 225, 0.12);
  color: #007de1;
}
.skillgames-portfolio-page .skillgames-portfolio-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.skillgames-portfolio-page .skillgames-portfolio-heading h2 {
  margin: 0;
  font-size: 18px;
}
.skillgames-portfolio-page .skillgames-portfolio-heading [data-position-count] {
  color: #555555;
  font-size: 12px;
  white-space: nowrap;
}
.skillgames-portfolio-page .skillgames-portfolio-summary {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 0.85fr);
  gap: 6px;
  margin: 14px 0 8px;
}
.skillgames-portfolio-page .skillgames-portfolio-summary > div {
  padding: 12px 10px;
  border: 1px solid rgba(180, 209, 232, 0.45);
  border-radius: 8px;
  background: #edf6fd;
}
.skillgames-portfolio-page .skillgames-portfolio-summary dt {
  font-size: 11px;
  color: #555555;
}
.skillgames-portfolio-page .skillgames-portfolio-summary dd {
  margin: 8px 0 0;
  font-size: 16px;
  font-weight: 800;
  overflow-wrap: anywhere;
}
.skillgames-portfolio-page .skillgames-portfolio-value {
  margin: 0 0 8px;
  padding: 12px;
  border-radius: 8px;
  background: rgba(9, 133, 27, 0.08);
  font-size: 12px;
}
.skillgames-portfolio-page .skillgames-portfolio-value > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.skillgames-portfolio-page .skillgames-portfolio-value dt {
  min-width: 0;
}
.skillgames-portfolio-page .skillgames-portfolio-value dd {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  white-space: nowrap;
}
.skillgames-portfolio-page .skillgames-my-portfolio-heading:before {
  content: '\f0b1';
  font: 20px FontAwesome;
  margin-right: 10px;
  color: #969696;
}
.skillgames-portfolio-page .skillgames-portfolio-empty {
  text-align: center;
  padding: 20px 8px;
}
.skillgames-portfolio-page .skillgames-portfolio-empty span {
  display: block;
  margin: 0 0 20px;
}
.skillgames-portfolio-page .skillgames-portfolio-empty span:before {
  content: '\f080';
  font: 48px FontAwesome;
  color: #969696;
}
.skillgames-portfolio-page .skillgames-portfolio-empty strong {
  display: block;
  font-size: 15px;
}
.skillgames-portfolio-page .skillgames-portfolio-empty p {
  color: #555555;
  font-size: 13px;
  line-height: 1.5;
}
.skillgames-portfolio-page .skillgames-table-scroll {
  overflow-x: auto;
}
.skillgames-portfolio-page table {
  border-collapse: collapse;
  width: 100%;
  font-size: 12px;
}
.skillgames-portfolio-page th,
.skillgames-portfolio-page td {
  padding: 10px 6px;
  text-align: left;
  border-bottom: 1px solid rgba(180, 209, 232, 0.65);
}
.skillgames-portfolio-page th {
  background: #edf6fd;
  white-space: nowrap;
}
.skillgames-portfolio-page td:not(:first-child) {
  white-space: nowrap;
}
.skillgames-portfolio-page .skillgames-portfolio-holdings {
  list-style: none;
  margin: 0;
  padding: 0;
}
.skillgames-portfolio-page .skillgames-portfolio-holdings > li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(180, 209, 232, 0.65);
}
.skillgames-portfolio-page .skillgames-portfolio-holdings > li:last-child {
  border-bottom: 0;
}
.skillgames-portfolio-page [data-holdings] .skillgames-asset-open {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  min-width: 0;
}
.skillgames-portfolio-page [data-holdings] .skillgames-asset-open figure {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border-radius: 5px;
}
.skillgames-portfolio-page [data-holdings] .skillgames-asset-open span {
  padding: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}
.skillgames-portfolio-page [data-holdings] .skillgames-asset-open small {
  display: block;
  margin-top: 5px;
  color: #555555;
  font-size: 12px;
  font-weight: 400;
}
.skillgames-portfolio-page .skillgames-position-value {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: right;
  white-space: nowrap;
  font-size: 13px;
}
.skillgames-portfolio-page .skillgames-position-value strong,
.skillgames-portfolio-page .skillgames-position-value span {
  font-weight: 700;
}
.skillgames-portfolio-page .skillgames-leaderboard {
  padding: 16px;
}
.skillgames-portfolio-page .skillgames-leaderboard section {
  overflow-x: auto;
}
.skillgames-portfolio-page .skillgames-leaderboard th {
  font-size: 10px;
}
.skillgames-portfolio-page .skillgames-leaderboard td {
  font-size: 12px;
}
.skillgames-portfolio-page .skillgames-asset-card [data-performance='positive'],
.skillgames-portfolio-page .skillgames-portfolio-summary [data-performance='positive'],
.skillgames-portfolio-page [data-holdings] [data-performance='positive'] {
  color: #09851b;
}
.skillgames-portfolio-page .skillgames-asset-card [data-performance='negative'],
.skillgames-portfolio-page .skillgames-portfolio-summary [data-performance='negative'],
.skillgames-portfolio-page [data-holdings] [data-performance='negative'] {
  color: #c40303;
}
.skillgames-portfolio-page [data-retry] {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
}
.skillgames-portfolio-page [data-retry]:hover,
.skillgames-portfolio-page [data-retry]:focus {
  background: var(--darkblue);
}
@media (max-width: 1200px) {
  .skillgames-portfolio-page .skillgames-asset-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .skillgames-portfolio-page .skillgames-portfolio-layout {
    grid-template-columns: minmax(0, 1.6fr) minmax(320px, 1fr);
  }
}
@media (max-width: 850px) {
  .skillgames-portfolio-page .skillgames-portfolio-layout {
    display: flex;
    flex-direction: column;
  }
  .skillgames-portfolio-page aside {
    display: contents;
  }
  .skillgames-portfolio-page aside > section {
    order: 1;
  }
  .skillgames-portfolio-page .skillgames-catalogue {
    order: 2;
  }
  .skillgames-portfolio-page .skillgames-leaderboard {
    order: 3;
  }
}
@media (max-width: 460px) {
  .skillgames-portfolio-page .skillgames-asset-cards {
    grid-template-columns: minmax(0, 1fr);
  }
  .skillgames-portfolio-page .skillgames-portfolio-panel {
    padding: 14px;
  }
  .skillgames-portfolio-page .skillgames-portfolio-summary dd {
    font-size: 14px;
  }
}
html[data-theme='dark'] .skillgames-portfolio-page {
  color: #fff;
}
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-portfolio-panel,
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-asset-card {
  background: #101417;
  border-color: rgba(150, 150, 150, 0.25);
}
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-portfolio-summary > div,
html[data-theme='dark'] .skillgames-portfolio-page th {
  background: rgba(150, 150, 150, 0.1);
}
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-portfolio-summary > div,
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-portfolio-holdings > li,
html[data-theme='dark'] .skillgames-portfolio-page th,
html[data-theme='dark'] .skillgames-portfolio-page td {
  border-color: rgba(150, 150, 150, 0.25);
}
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-portfolio-value {
  background: rgba(9, 133, 27, 0.15);
}
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-catalogue > p,
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-asset-region,
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-asset-card small,
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-portfolio-empty p,
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-portfolio-summary dt,
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-portfolio-heading [data-position-count],
html[data-theme='dark'] .skillgames-portfolio-page [data-holdings] .skillgames-asset-open small {
  color: #d5d5d5;
}
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-asset-card [data-performance='positive'],
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-portfolio-summary [data-performance='positive'],
html[data-theme='dark'] .skillgames-portfolio-page [data-holdings] [data-performance='positive'] {
  color: #0fe52e;
}
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-asset-card [data-performance='negative'],
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-portfolio-summary [data-performance='negative'],
html[data-theme='dark'] .skillgames-portfolio-page [data-holdings] [data-performance='negative'] {
  color: #fc3131;
}
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-asset-availability {
  color: #d5d5d5;
}
html[data-theme='dark'] .skillgames-portfolio-page [data-availability='upcoming'] .skillgames-asset-availability {
  background: rgba(225, 187, 54, 0.12);
  color: #e1bb36;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.skillgames-category {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
  color: #555555;
}
.skillgames-category:before {
  content: '\f11b';
  font-family: FontAwesome;
  font-size: 23px;
  color: #e1bb36;
}
.skillgames-category.properties:before {
  content: '\f015';
}
.skillgames-category.shares:before {
  content: '\f080';
}
.skillgames-category.classic-cars:before {
  content: '\f1b9';
}
.skillgames-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  box-sizing: border-box;
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  color: #fff;
  background: #09851b;
  min-width: 62px;
}
.skillgames-competition-values {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 10px;
  margin: auto 0 18px;
}
.skillgames-competition-values > div {
  position: relative;
  min-width: 0;
  padding-left: 32px;
}
.skillgames-competition-values > div:before {
  position: absolute;
  left: 0;
  top: 0;
  font-family: FontAwesome;
  font-size: 24px;
  color: #555555;
}
.skillgames-competition-values > div:nth-child(1):before {
  content: '\f1c0';
}
.skillgames-competition-values > div:nth-child(2):before {
  content: '\f0b1';
}
.skillgames-competition-values > div:nth-child(3):before {
  content: '\f0c0';
}
.skillgames-competition-values > div:nth-child(4):before {
  content: '\f091';
}
.skillgames-competition-values dt {
  margin: 0 0 4px;
  font-size: 9px;
  line-height: 1;
  text-transform: uppercase;
  color: #555555;
}
.skillgames-competition-values dd {
  margin: 0;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  overflow-wrap: anywhere;
}
@media screen and (min-width: 460px) {
  .skillgames-competition-values {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
[data-state='upcoming'] .skillgames-status {
  background: #007de1;
}
[data-state='ended'] .skillgames-status {
  background: #555555;
}
[data-state='live'] .skillgames-status {
  animation: skillgames-live-pulse 1s ease-in-out infinite;
}
@keyframes skillgames-live-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-state='live'] .skillgames-status {
    animation: none;
  }
}
.skillgames-overview.loading,
.skillgames-detail.loading,
.skillgames-join-page.loading,
[data-portfolio-page].loading,
.skillgames-leaderboard section.loading,
.skillgames-asset-overlay [data-asset-content].loading,
.skillgames-buy-overlay [data-buy-content].loading,
.skillgames-join-overlay .skillgames-overlay-content.loading {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
  min-height: 200px;
  border-radius: 8px;
}
html[data-theme='dark'] .skillgames-overview.loading,
html[data-theme='dark'] .skillgames-detail.loading,
html[data-theme='dark'] .skillgames-join-page.loading,
html[data-theme='dark'] [data-portfolio-page].loading,
html[data-theme='dark'] .skillgames-leaderboard section.loading,
html[data-theme='dark'] .skillgames-asset-overlay [data-asset-content].loading,
html[data-theme='dark'] .skillgames-buy-overlay [data-buy-content].loading,
html[data-theme='dark'] .skillgames-join-overlay .skillgames-overlay-content.loading {
  background-image: linear-gradient(90deg, rgba(150, 150, 150, 0.1) 25%, rgba(150, 150, 150, 0.22) 37%, rgba(150, 150, 150, 0.1) 63%);
}
@media (prefers-reduced-motion: reduce) {
  .skillgames-overview.loading,
  .skillgames-detail.loading,
  .skillgames-join-page.loading,
  [data-portfolio-page].loading,
  .skillgames-leaderboard section.loading,
  .skillgames-asset-overlay [data-asset-content].loading,
  .skillgames-buy-overlay [data-buy-content].loading,
  .skillgames-join-overlay .skillgames-overlay-content.loading {
    animation: none;
  }
}
.skillgames-overview.loading,
.skillgames-join-page.loading,
[data-portfolio-page].loading {
  min-height: 360px;
}
.skillgames-detail.loading {
  min-height: 500px;
}
.skillgames-leaderboard section.loading {
  min-height: 240px;
}
.skillgames-overview .skillgames-minimum-warning,
.skillgames-detail .skillgames-minimum-warning,
.skillgames-leaderboard .skillgames-minimum-warning {
  position: relative;
  box-sizing: border-box;
  margin: 0 0 14px;
  padding: 12px 14px 12px 40px;
  border: 1px solid rgba(225, 187, 54, 0.65);
  border-radius: 8px;
  background: rgba(225, 187, 54, 0.14);
  color: #111;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
}
.skillgames-overview .skillgames-minimum-warning:before,
.skillgames-detail .skillgames-minimum-warning:before,
.skillgames-leaderboard .skillgames-minimum-warning:before {
  content: '\f071';
  position: absolute;
  left: 14px;
  top: 13px;
  font-family: FontAwesome;
  font-size: 17px;
  color: #e1bb36;
}
html[data-theme='dark'] .skillgames-minimum-warning {
  color: #fff;
}
html[data-theme='dark'] .skillgames-detail .skillgames-category,
html[data-theme='dark'] .skillgames-overview .skillgames-category,
html[data-theme='dark'] .skillgames-detail .skillgames-competition-values dt,
html[data-theme='dark'] .skillgames-overview .skillgames-competition-values dt,
html[data-theme='dark'] .skillgames-detail .skillgames-competition-values > div:before,
html[data-theme='dark'] .skillgames-overview .skillgames-competition-values > div:before {
  color: #d5d5d5;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.skillgames-detail-assets .skillgames-table-scroll {
  overflow-x: auto;
}
.skillgames-detail-assets [data-all-assets] {
  display: block;
  margin: 14px auto 0;
}
.skillgames-detail-assets table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.skillgames-detail-assets th,
.skillgames-detail-assets td {
  padding: 9px 8px;
  text-align: left;
  border-bottom: 1px solid rgba(180, 209, 232, 0.65);
}
.skillgames-detail-assets th {
  background: #edf6fd;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 600;
  white-space: nowrap;
}
.skillgames-detail-assets .skillgames-asset-name {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 150px;
  font-weight: 800;
}
.skillgames-detail-assets .skillgames-asset-name figure {
  width: 44px;
  height: 34px;
  flex: 0 0 44px;
  margin: 0;
  overflow: hidden;
  border-radius: 6px;
  background: rgba(150, 150, 150, 0.2);
}
.skillgames-detail-assets .skillgames-asset-name img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.skillgames-detail-assets td:nth-child(3),
.skillgames-detail-assets td:nth-child(4) {
  white-space: nowrap;
}
.skillgames-detail-assets [data-performance='positive'] {
  color: #09851b;
}
.skillgames-detail-assets [data-performance='negative'] {
  color: #c40303;
}
.skillgames-detail-assets .skillgames-asset-trend {
  min-width: 100px;
}
.skillgames-detail-assets .skillgames-asset-trend canvas {
  display: block;
  width: 100px;
  height: 30px;
  opacity: 0.8;
}
.skillgames-detail-assets .skillgames-asset-trend[data-performance='neutral'] {
  color: #969696;
}
html[data-theme='dark'] .skillgames-detail-assets th {
  background: rgba(150, 150, 150, 0.1);
}
html[data-theme='dark'] .skillgames-detail-assets th,
html[data-theme='dark'] .skillgames-detail-assets td {
  border-color: rgba(150, 150, 150, 0.2);
}
html[data-theme='dark'] .skillgames-detail-assets [data-performance='positive'] {
  color: #0fe52e;
}
html[data-theme='dark'] .skillgames-detail-assets [data-performance='negative'] {
  color: #fc3131;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.skillgames-detail {
  min-height: 500px;
  color: #111;
}
.skillgames-detail [hidden] {
  display: none !important;
}
.skillgames-detail [data-retry] {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.skillgames-detail [data-retry]:hover,
.skillgames-detail [data-retry]:focus {
  background: var(--darkblue);
}
.skillgames-detail-header {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 500px;
  border: 1px solid rgba(180, 209, 232, 0.7);
  border-radius: 12px;
  background: #fff;
}
.skillgames-detail-header figure {
  position: absolute;
  z-index: -1;
  inset: 0 0 0 auto;
  width: 70%;
  margin: 0;
}
.skillgames-detail-header figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.skillgames-detail-header figure:after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.92) 35%, rgba(255, 255, 255, 0.25) 65%, rgba(255, 255, 255, 0) 100%);
}
.skillgames-detail-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px;
  box-sizing: border-box;
  min-height: 500px;
}
.skillgames-detail-content .skillgames-detail-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  max-width: 640px;
}
.skillgames-detail-content .skillgames-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: inherit;
  font-size: 12px;
  text-decoration: none;
}
.skillgames-detail-content .skillgames-back:before {
  content: '\f104';
  font-family: FontAwesome;
  font-size: 18px;
}
.skillgames-detail-content .skillgames-back:hover {
  text-decoration: underline;
}
.skillgames-detail-content .skillgames-back:focus-visible {
  outline: 2px solid #007de1;
  outline-offset: 4px;
}
.skillgames-detail-content .skillgames-detail-status {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.skillgames-detail-content .skillgames-minimum-icon {
  display: inline-flex;
  align-items: center;
  color: #e1bb36;
  font-size: 18px;
  cursor: help;
}
.skillgames-detail-content .skillgames-minimum-icon:before {
  content: '\f071';
  font-family: FontAwesome;
}
.skillgames-detail-content .skillgames-minimum-icon:focus-visible {
  outline: 2px solid #007de1;
  outline-offset: 4px;
}
.skillgames-detail-content .skillgames-category {
  margin: 4px 0 -8px;
  letter-spacing: 2px;
}
.skillgames-detail-content h1 {
  max-width: 560px;
  margin: 0;
  padding: 0;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.05;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
@media screen and (min-width: 800px) {
  .skillgames-detail-content h1 {
    font-size: 44px;
  }
}
.skillgames-detail-content .skillgames-preview {
  max-width: 560px;
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 1.5;
}
.skillgames-detail-content .skillgames-competition-values {
  max-width: 560px;
  margin: 6px 0 30px;
}
.skillgames-detail-timing {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  max-width: 640px;
  box-sizing: border-box;
  margin-top: auto;
  padding: 18px;
  border: 1px solid rgba(180, 209, 232, 0.7);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.92);
}
.skillgames-detail-timer {
  position: relative;
  padding-left: 34px;
}
.skillgames-detail-timer:before {
  content: '\f017';
  position: absolute;
  left: 0;
  top: 0;
  font-family: FontAwesome;
  font-size: 24px;
  color: #e1bb36;
}
.skillgames-detail-timer > span {
  display: block;
  margin-bottom: 5px;
  font-size: 10px;
  text-transform: uppercase;
}
.skillgames-time-units {
  display: flex;
  gap: 12px;
}
.skillgames-time-units > div {
  text-align: center;
}
.skillgames-time-units strong {
  display: block;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}
.skillgames-time-units span {
  display: block;
  margin-top: 4px;
  font-size: 10px;
}
.skillgames-detail-date {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.skillgames-detail-date > span {
  font-size: 10px;
  color: #555555;
}
.skillgames-detail-date time {
  font-size: 12px;
}
html[data-theme='dark'] .skillgames-detail,
html[data-theme='dark'] .skillgames-portfolio-page,
html[data-theme='dark'] .skillgames-join-page {
  color: #fff;
}
html[data-theme='dark'] .skillgames-detail .skillgames-detail-header,
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-detail-header,
html[data-theme='dark'] .skillgames-join-page .skillgames-detail-header {
  background: #101417;
  border-color: rgba(150, 150, 150, 0.2);
}
html[data-theme='dark'] .skillgames-detail .skillgames-detail-header figure:after,
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-detail-header figure:after,
html[data-theme='dark'] .skillgames-join-page .skillgames-detail-header figure:after {
  background: linear-gradient(90deg, #101417 0%, rgba(16, 20, 23, 0.85) 35%, rgba(16, 20, 23, 0.25) 65%, rgba(16, 20, 23, 0) 100%);
}
html[data-theme='dark'] .skillgames-detail .skillgames-category,
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-category,
html[data-theme='dark'] .skillgames-join-page .skillgames-category {
  color: #e1bb36;
}
html[data-theme='dark'] .skillgames-detail .skillgames-detail-timing,
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-detail-timing,
html[data-theme='dark'] .skillgames-join-page .skillgames-detail-timing {
  background: rgba(16, 20, 23, 0.92);
  border-color: rgba(150, 150, 150, 0.35);
}
html[data-theme='dark'] .skillgames-detail .skillgames-detail-date > span,
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-detail-date > span,
html[data-theme='dark'] .skillgames-join-page .skillgames-detail-date > span {
  color: #d5d5d5;
}
html[data-theme='dark'] .skillgames-detail .skillgames-back:focus-visible,
html[data-theme='dark'] .skillgames-portfolio-page .skillgames-back:focus-visible,
html[data-theme='dark'] .skillgames-join-page .skillgames-back:focus-visible {
  outline-color: #e1bb36;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.skillgames-detail .skillgames-leaderboard {
  flex-direction: column;
}
.skillgames-detail .skillgames-leaderboard .skillgames-leaderboard-header h3 {
  font-size: 22px;
  text-transform: none;
}
.skillgames-detail .skillgames-leaderboard [data-all-leaderboard] {
  align-self: flex-end;
  margin-top: 14px;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.skillgames-detail-rewards ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 120px), 1fr));
  gap: 12px;
  padding: 0;
  margin: 14px 0 0;
  list-style: none;
}
.skillgames-detail-rewards li {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  box-sizing: border-box;
  overflow-wrap: anywhere;
  padding: 14px;
  border: 1px solid rgba(180, 209, 232, 0.7);
  border-radius: 8px;
  background: #edf6fd;
}
.skillgames-detail-rewards li > span {
  font-size: 12px;
  line-height: 1.5;
}
.skillgames-detail-rewards strong {
  font-size: 22px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.skillgames-detail-rewards small {
  font-size: 11px;
  line-height: 1.4;
}
.skillgames-detail-rewards li:before {
  content: '\f091';
  font-family: FontAwesome;
  font-size: 26px;
  color: #969696;
}
.skillgames-detail-rewards [data-reward-rank='1']:before {
  color: #e1bb36;
}
.skillgames-detail-rewards [data-reward-rank='2']:before {
  color: #969696;
}
.skillgames-detail-rewards [data-reward-rank='3']:before {
  color: #d57122;
}
html[data-theme='dark'] .skillgames-detail-rewards li {
  background: rgba(150, 150, 150, 0.08);
  border-color: rgba(150, 150, 150, 0.25);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.skillgames-detail-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
  margin-top: 24px;
}
@media screen and (min-width: 800px) {
  .skillgames-detail-body {
    grid-template-columns: minmax(0, 7fr) minmax(260px, 3fr);
  }
}
.skillgames-detail-main,
.skillgames-detail-side {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}
.skillgames-detail-panel {
  min-width: 0;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid rgba(180, 209, 232, 0.7);
  border-radius: 12px;
  background: #fff;
}
.skillgames-detail-panel h2 {
  margin: 0 0 10px;
  padding: 0;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 800;
  text-transform: none;
}
.skillgames-detail-panel p {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.6;
}
.skillgames-detail-panel p:last-child {
  margin-bottom: 0;
}
.skillgames-detail-about {
  display: grid;
  gap: 20px;
  align-items: center;
}
.skillgames-detail-about [data-description] {
  font-size: 14px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.skillgames-detail-about [data-description] ul,
.skillgames-detail-about [data-description] ol {
  padding-left: 22px;
}
.skillgames-detail-about [data-image2] {
  width: 100%;
  max-height: 220px;
  object-fit: cover;
  border-radius: 8px;
}
@media screen and (min-width: 640px) {
  .skillgames-detail-about {
    grid-template-columns: minmax(0, 1fr) 200px;
  }
  .skillgames-detail-about:has([data-image2][hidden]) {
    grid-template-columns: minmax(0, 1fr);
  }
}
.skillgames-section-heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.skillgames-section-heading h2 {
  margin: 0;
}
.skillgames-text-link {
  border: 0;
  padding: 0;
  background: transparent;
  color: #007de1;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
.skillgames-text-link:hover {
  text-decoration: underline;
}
.skillgames-text-link:focus-visible {
  outline: 2px solid #007de1;
  outline-offset: 4px;
}
.skillgames-detail-side .skillgames-join {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  gap: 12px;
  font-size: 1rem;
  font-weight: 800;
  cursor: pointer;
}
.skillgames-detail-side .skillgames-join:hover,
.skillgames-detail-side .skillgames-join:focus {
  background: var(--darkblue);
}
.skillgames-detail-side .skillgames-join:after {
  content: '\f105';
  font-family: FontAwesome;
  font-size: 19px;
  font-weight: normal;
}
.skillgames-detail-side [data-joined] h2 {
  font-size: 20px;
}
.skillgames-detail-side .skillgames-join-info {
  margin-top: 12px;
}
.skillgames-detail-side .skillgames-competition-values {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin: 0;
}
.skillgames-detail-side .skillgames-competition-values > div {
  padding: 14px 0 14px 40px;
  border-bottom: 1px solid rgba(180, 209, 232, 0.65);
}
.skillgames-detail-side .skillgames-competition-values > div:before {
  top: 15px;
}
.skillgames-detail-side .skillgames-competition-values dt {
  font-size: 11px;
  line-height: 1.4;
}
.skillgames-detail-side .skillgames-competition-values dd {
  font-size: 14px;
  line-height: 1.4;
}
.skillgames-detail-side .skillgames-player-limits {
  display: grid;
  gap: 2px;
  margin-top: 5px;
  font-size: 12px;
  font-weight: 400;
  color: #555555;
}
.skillgames-detail-dates {
  margin: 0;
}
.skillgames-detail-dates > div {
  position: relative;
  padding: 14px 0 14px 40px;
  border-top: 1px solid rgba(180, 209, 232, 0.65);
}
.skillgames-detail-dates > div:before {
  position: absolute;
  left: 0;
  top: 15px;
  content: '\f073';
  font-family: FontAwesome;
  font-size: 24px;
  color: #555555;
}
.skillgames-detail-dates > div:last-child:before {
  content: '\f024';
}
.skillgames-detail-dates dt {
  font-size: 11px;
  color: #555555;
  margin-bottom: 4px;
}
.skillgames-detail-dates dd {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}
.skillgames-detail-side .skillgames-detail-join-again {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 260px;
}
.skillgames-detail-side .skillgames-detail-join-again:before,
.skillgames-detail-side .skillgames-detail-join-again:after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.skillgames-detail-side .skillgames-detail-join-again:before {
  z-index: -2;
  background-size: cover;
  background-position: right center;
}
.skillgames-detail-side .skillgames-detail-join-again:after {
  z-index: -1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.82) 45%, rgba(255, 255, 255, 0.2) 100%);
}
.skillgames-detail-side .skillgames-detail-join-again[data-category='properties']:before {
  background-image: url(/content/css/lopocacom2/images/skillgames/join-properties.jpg);
}
.skillgames-detail-side .skillgames-detail-join-again[data-category='shares']:before {
  background-image: url(/content/css/lopocacom2/images/skillgames/join-shares.jpg);
}
.skillgames-detail-side .skillgames-detail-join-again[data-category='classic-cars']:before {
  background-image: url(/content/css/lopocacom2/images/skillgames/join-classic-cars.jpg);
}
.skillgames-detail-side .skillgames-detail-join-again .skillgames-join {
  margin-top: auto;
}
html[data-theme='dark'] .skillgames-detail .skillgames-detail-panel {
  background: #101417;
  border-color: rgba(150, 150, 150, 0.25);
}
html[data-theme='dark'] .skillgames-detail .skillgames-text-link {
  color: #e1bb36;
}
html[data-theme='dark'] .skillgames-detail .skillgames-detail-side .skillgames-competition-values > div,
html[data-theme='dark'] .skillgames-detail .skillgames-detail-dates > div {
  border-color: rgba(150, 150, 150, 0.25);
}
html[data-theme='dark'] .skillgames-detail .skillgames-player-limits,
html[data-theme='dark'] .skillgames-detail .skillgames-detail-dates dt,
html[data-theme='dark'] .skillgames-detail .skillgames-detail-dates > div:before {
  color: #d5d5d5;
}
html[data-theme='dark'] .skillgames-detail .skillgames-detail-join-again:after {
  background: linear-gradient(180deg, rgba(17, 17, 17, 0.94) 0%, rgba(17, 17, 17, 0.75) 45%, rgba(17, 17, 17, 0.15) 100%);
}


/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.skillgames-howitworks {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  margin-top: 32px;
  padding: 28px 20px;
  border-radius: 12px;
  background: #fff;
  color: #111;
}
.skillgames-howitworks:before,
.skillgames-howitworks:after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.skillgames-howitworks:before {
  z-index: -2;
  background: url(/content/css/lopocacom2/images/skillgames/join-properties.jpg) right center;
  filter: blur(4px);
  transform: scale(1.03);
}
.skillgames-howitworks:after {
  z-index: -1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.78) 100%);
}
.skillgames-howitworks .skillgames-howitworks-label {
  margin: 0 0 8px;
  color: #007de1;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 3px;
  line-height: 1.5;
  text-transform: uppercase;
}
.skillgames-howitworks h2 {
  margin: 0 0 8px;
  padding: 0;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: none;
}
.skillgames-howitworks .skillgames-howitworks-intro {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
}
.skillgames-howitworks ol {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 28px 20px;
  padding: 0;
  margin: 24px 0 0;
  list-style: none;
  counter-reset: skillgames-step;
}
.skillgames-howitworks li {
  position: relative;
  min-width: 0;
  text-align: center;
  counter-increment: skillgames-step;
}
.skillgames-howitworks li:before {
  content: counter(skillgames-step);
  position: absolute;
  top: 40px;
  left: calc(-2%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  border: 1px solid rgba(150, 150, 150, 0.3);
  border-radius: 50%;
  background: #edf6fd;
  font-size: 14px;
  font-weight: 800;
}
.skillgames-howitworks .skillgames-howitworks-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  margin: 0 auto 16px;
  border: 1px solid rgba(150, 150, 150, 0.3);
  border-radius: 50%;
  background: rgba(237, 246, 253, 0.75);
  color: #007de1;
  font-family: FontAwesome;
  font-size: 28px;
  line-height: 1;
}
.skillgames-howitworks h3 {
  margin: 0 0 6px;
  padding: 0;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.4;
  text-transform: none;
}
.skillgames-howitworks li p {
  max-width: 180px;
  margin: 0 auto;
  font-size: 12px;
  line-height: 1.5;
  color: #555555;
}
@media screen and (min-width: 460px) {
  .skillgames-howitworks ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 800px) {
  .skillgames-howitworks {
    padding: 28px 24px;
  }
  .skillgames-howitworks h2 {
    font-size: 34px;
  }
  .skillgames-howitworks ol {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 24px;
  }
  .skillgames-howitworks li:not(:last-child):after {
    content: '\f178';
    position: absolute;
    top: 26px;
    right: -20px;
    color: #969696;
    font-family: FontAwesome;
    font-size: 20px;
  }
}
html[data-theme='dark'] .skillgames-howitworks {
  background: #111;
  color: #fff;
}
html[data-theme='dark'] .skillgames-howitworks:after {
  background: linear-gradient(90deg, rgba(17, 17, 17, 0.97) 0%, rgba(17, 17, 17, 0.9) 60%, rgba(17, 17, 17, 0.65) 100%);
}
html[data-theme='dark'] .skillgames-howitworks .skillgames-howitworks-label,
html[data-theme='dark'] .skillgames-howitworks .skillgames-howitworks-icon {
  color: #e1bb36;
}
html[data-theme='dark'] .skillgames-howitworks .skillgames-howitworks-icon,
html[data-theme='dark'] .skillgames-howitworks li:before {
  background: rgba(150, 150, 150, 0.08);
}
html[data-theme='dark'] .skillgames-howitworks li p {
  color: #dadada;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
html.skillgames-buy-modal-open {
  overflow: hidden;
}
.skillgames-buy-overlay {
  box-sizing: border-box;
  width: calc(68%);
  max-width: 580px;
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  overflow: auto;
  overscroll-behavior: contain;
  padding: 0;
  border: 1px solid rgba(180, 209, 232, 0.7);
  border-radius: 18px;
  background: #fff;
  color: #111;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  box-shadow: 0 24px 80px rgba(17, 17, 17, 0.3);
}
.skillgames-buy-overlay [hidden] {
  display: none !important;
}
.skillgames-buy-overlay::backdrop {
  background: rgba(17, 17, 17, 0.75);
  backdrop-filter: blur(5px);
}
.skillgames-buy-overlay h2,
.skillgames-buy-overlay h3 {
  padding: 0;
  margin: 0;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  text-transform: none;
  overflow-wrap: anywhere;
}
.skillgames-buy-overlay p {
  line-height: 1.6;
}
.skillgames-buy-overlay .skillgames-buy-top {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 24px;
  border-bottom: 1px solid rgba(150, 150, 150, 0.2);
  background: #fff;
}
.skillgames-buy-overlay .skillgames-buy-top h2 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.3;
}
.skillgames-buy-overlay .skillgames-buy-top h2:before {
  content: '\f07a';
  font-family: FontAwesome;
  color: #969696;
  font-size: 20px;
}
.skillgames-buy-overlay .skillgames-buy-top button {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(150, 150, 150, 0.25);
  border-radius: 50%;
  background: transparent;
  color: inherit;
  font: 28px/1 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  cursor: pointer;
}
.skillgames-buy-overlay .skillgames-buy-top button:hover {
  background: rgba(150, 150, 150, 0.12);
}
.skillgames-buy-overlay .skillgames-buy-asset {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px 24px 0;
}
.skillgames-buy-overlay .skillgames-buy-asset figure {
  position: relative;
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  margin: 0;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(150, 150, 150, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
}
.skillgames-buy-overlay .skillgames-buy-asset figure:before {
  content: '\f03e';
  font-family: FontAwesome;
  color: #969696;
  font-size: 24px;
}
.skillgames-buy-overlay .skillgames-buy-asset img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.skillgames-buy-overlay .skillgames-buy-asset > div {
  min-width: 0;
}
.skillgames-buy-overlay .skillgames-buy-asset h3 {
  font-size: 19px;
  font-weight: 800;
  line-height: 1.4;
}
.skillgames-buy-overlay .skillgames-buy-asset p {
  margin: 4px 0 0;
  color: #555555;
  font-size: 13px;
}
.skillgames-buy-overlay [data-buy-content] {
  box-sizing: border-box;
  min-height: 260px;
  padding: 20px 24px 0;
}
.skillgames-buy-overlay [data-buy-content].loading {
  margin: 24px;
  padding: 0;
}
.skillgames-buy-overlay .skillgames-buy-intro {
  margin: 0 0 20px;
  color: #555555;
  font-size: 13px;
}
.skillgames-buy-overlay dl {
  margin: 0;
}
.skillgames-buy-overlay dl dt {
  color: #555555;
  font-size: 13px;
  line-height: 1.5;
}
.skillgames-buy-overlay dl dd {
  margin: 0;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.skillgames-buy-overlay .skillgames-buy-quote {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 24px;
}
.skillgames-buy-overlay .skillgames-buy-quote > div {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(180, 209, 232, 0.6);
  border-radius: 10px;
  background: rgba(237, 246, 253, 0.25);
}
.skillgames-buy-overlay .skillgames-buy-quote dd {
  margin-top: 6px;
  font-size: 20px;
  line-height: 1.4;
}
.skillgames-buy-overlay .skillgames-buy-quantity-field {
  margin-bottom: 24px;
}
.skillgames-buy-overlay label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
}
.skillgames-buy-overlay input {
  box-sizing: border-box;
  width: 100%;
  min-height: 54px;
  padding: 12px 16px;
  border: 1px solid rgba(150, 150, 150, 0.65);
  border-radius: 10px;
  color: inherit;
  background: #fff;
  font: 700 20px/1.4 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
}
.skillgames-buy-overlay input:focus {
  outline: 2px solid rgba(0, 125, 225, 0.35);
  outline-offset: 2px;
  border-color: #007de1;
}
.skillgames-buy-overlay .skillgames-buy-summary {
  margin-bottom: 24px;
  padding: 16px;
  border: 1px solid rgba(0, 125, 225, 0.22);
  border-radius: 12px;
  background: rgba(0, 125, 225, 0.05);
}
.skillgames-buy-overlay .skillgames-buy-summary > div {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 16px;
}
.skillgames-buy-overlay .skillgames-buy-summary > div + div {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(150, 150, 150, 0.2);
}
.skillgames-buy-overlay .skillgames-buy-summary dd {
  font-size: 15px;
}
.skillgames-buy-overlay .skillgames-buy-summary .skillgames-buy-total dt {
  color: inherit;
  font-weight: 700;
}
.skillgames-buy-overlay .skillgames-buy-summary .skillgames-buy-total dd {
  font-size: 26px;
  font-weight: 800;
}
.skillgames-buy-overlay [data-buy-confirm],
.skillgames-buy-overlay [data-buy-retry],
.skillgames-buy-overlay [data-buy-refresh] {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  width: 100%;
  min-height: 50px;
  box-sizing: border-box;
  cursor: pointer;
}
.skillgames-buy-overlay [data-buy-confirm]:hover,
.skillgames-buy-overlay [data-buy-retry]:hover,
.skillgames-buy-overlay [data-buy-refresh]:hover,
.skillgames-buy-overlay [data-buy-confirm]:focus,
.skillgames-buy-overlay [data-buy-retry]:focus,
.skillgames-buy-overlay [data-buy-refresh]:focus {
  background: var(--darkblue);
}
.skillgames-buy-overlay [data-buy-confirm]:disabled,
.skillgames-buy-overlay [data-buy-retry]:disabled,
.skillgames-buy-overlay [data-buy-refresh]:disabled {
  opacity: 0.4;
  cursor: default;
}
.skillgames-buy-overlay [data-buy-message] {
  margin: 20px 24px 0;
  padding: 14px 16px;
  border: 1px solid rgba(196, 3, 3, 0.25);
  border-radius: 10px;
  background: rgba(196, 3, 3, 0.06);
  font-size: 13px;
}
.skillgames-buy-overlay .skillgames-buy-footer {
  padding: 12px 24px 24px;
}
.skillgames-buy-overlay .skillgames-buy-cancel {
  background: #fff;
  border: 1px solid rgba(180, 209, 232, 0.7);
  border-radius: 11px;
  color: #111;
  padding: 10px 16px;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4;
  width: 100%;
  min-height: 46px;
  box-sizing: border-box;
  cursor: pointer;
}
.skillgames-buy-overlay .skillgames-buy-cancel:hover,
.skillgames-buy-overlay .skillgames-buy-cancel:focus {
  background: #edf6fd;
  color: #111;
}
html[data-theme='dark'] .skillgames-buy-overlay .skillgames-buy-cancel {
  background: #101417;
  border-color: rgba(150, 150, 150, 0.2);
  color: #fff;
}
html[data-theme='dark'] .skillgames-buy-overlay .skillgames-buy-cancel:hover,
html[data-theme='dark'] .skillgames-buy-overlay .skillgames-buy-cancel:focus {
  background: #eddc9f;
  color: #111;
}
.skillgames-buy-overlay button:focus-visible {
  outline: 2px solid #007de1;
  outline-offset: 3px;
}
.skillgames-buy-overlay .skillgames-buy-success {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  box-sizing: border-box;
  min-height: 240px;
  padding: 28px 16px;
  margin: 0 0 24px;
  border-radius: 12px;
  background: rgba(9, 133, 27, 0.1);
  color: #09851b;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
}
.skillgames-buy-overlay .skillgames-buy-success:before {
  content: '\f058';
  font-family: FontAwesome;
  font-size: 72px;
  line-height: 1;
}
@media (max-width: 460px) {
  .skillgames-buy-overlay {
    border-radius: 14px;
  }
  .skillgames-buy-overlay .skillgames-buy-top {
    padding: 14px 18px;
  }
  .skillgames-buy-overlay .skillgames-buy-top h2 {
    font-size: 20px;
  }
  .skillgames-buy-overlay .skillgames-buy-asset {
    padding: 18px 18px 0;
    gap: 12px;
  }
  .skillgames-buy-overlay .skillgames-buy-asset h3 {
    font-size: 17px;
  }
  .skillgames-buy-overlay .skillgames-buy-asset figure {
    flex-basis: 54px;
    width: 54px;
    height: 54px;
  }
  .skillgames-buy-overlay [data-buy-content] {
    padding: 18px 18px 0;
  }
  .skillgames-buy-overlay [data-buy-content].loading {
    margin: 18px;
    padding: 0;
  }
  .skillgames-buy-overlay .skillgames-buy-quote {
    gap: 8px;
  }
  .skillgames-buy-overlay .skillgames-buy-quote > div {
    padding: 12px;
  }
  .skillgames-buy-overlay .skillgames-buy-quote dd {
    font-size: 17px;
  }
  .skillgames-buy-overlay .skillgames-buy-summary {
    padding: 14px;
  }
  .skillgames-buy-overlay .skillgames-buy-summary .skillgames-buy-total dd {
    font-size: 23px;
  }
  .skillgames-buy-overlay [data-buy-message] {
    margin: 18px 18px 0;
  }
  .skillgames-buy-overlay .skillgames-buy-footer {
    padding: 12px 18px 18px;
  }
}
@media (max-width: 360px) {
  .skillgames-buy-overlay .skillgames-buy-quote {
    grid-template-columns: minmax(0, 1fr);
  }
  .skillgames-buy-overlay .skillgames-buy-quote > div {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px 12px;
  }
  .skillgames-buy-overlay .skillgames-buy-quote dt {
    flex: 1 1 90px;
  }
  .skillgames-buy-overlay .skillgames-buy-quote dd {
    margin: 0;
  }
}
html[data-theme='dark'] .skillgames-buy-overlay {
  color-scheme: dark;
  background: #101417;
  color: #fff;
  border-color: rgba(150, 150, 150, 0.25);
}
html[data-theme='dark'] .skillgames-buy-overlay .skillgames-buy-top {
  background: #101417;
}
html[data-theme='dark'] .skillgames-buy-overlay .skillgames-buy-asset p,
html[data-theme='dark'] .skillgames-buy-overlay .skillgames-buy-intro,
html[data-theme='dark'] .skillgames-buy-overlay dt {
  color: #d5d5d5;
}
html[data-theme='dark'] .skillgames-buy-overlay .skillgames-buy-quote > div {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(150, 150, 150, 0.2);
}
html[data-theme='dark'] .skillgames-buy-overlay input {
  background: rgba(17, 17, 17, 0.2);
  border-color: rgba(150, 150, 150, 0.4);
}
html[data-theme='dark'] .skillgames-buy-overlay .skillgames-buy-summary {
  background: rgba(225, 187, 54, 0.05);
  border-color: rgba(225, 187, 54, 0.22);
}
html[data-theme='dark'] .skillgames-buy-overlay .skillgames-buy-success {
  color: #0fe52e;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.skillgames-join-page {
  min-height: 240px;
  padding: 0;
  box-sizing: border-box;
  background: #fff;
  color: #111;
  border-radius: 12px;
}
.skillgames-join-page [hidden] {
  display: none !important;
}
.skillgames-join-page h2,
.skillgames-join-page h3 {
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 800;
  text-transform: none;
  margin: 0 0 18px;
  padding: 0;
}
.skillgames-join-page h2 {
  font-size: 26px;
}
.skillgames-join-page h3 {
  font-size: 20px;
}
.skillgames-join-page p {
  margin: 16px 0;
  line-height: 1.6;
}
.skillgames-join-page .skillgames-competition-values {
  margin: 24px 0;
}
.skillgames-join-page .button,
.skillgames-join-page .skillgames-join-action,
.skillgames-join-page [data-retry] {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  display: inline-block;
  cursor: pointer;
}
.skillgames-join-page .button:hover,
.skillgames-join-page .skillgames-join-action:hover,
.skillgames-join-page [data-retry]:hover,
.skillgames-join-page .button:focus,
.skillgames-join-page .skillgames-join-action:focus,
.skillgames-join-page [data-retry]:focus {
  background: var(--darkblue);
}
.skillgames-join-page .skillgames-back-to-game {
  display: block;
  margin-top: 20px;
  color: #007de1;
}
.skillgames-join-page .skillgames-join-content {
  padding: 28px 24px;
}
.skillgames-join-page .skillgames-join-hero {
  border-radius: 12px 12px 0 0;
}
.skillgames-join-page .skillgames-join-action:disabled {
  opacity: 0.4;
  cursor: default;
}
.skillgames-join-overlay {
  width: calc(68%);
  max-width: 1040px;
  max-height: calc(68vh);
  box-sizing: border-box;
  padding: 28px 12px 12px;
  overflow: auto;
  border: 1px solid rgba(180, 209, 232, 0.7);
  border-radius: 12px;
  background: #fff;
  color: #111;
}
.skillgames-join-overlay::backdrop {
  background: rgba(17, 17, 17, 0.7);
}
.skillgames-join-overlay .skillgames-overlay-content {
  min-height: 240px;
}
.skillgames-join-overlay .skillgames-overlay-close {
  position: absolute;
  top: 4px;
  right: 10px;
  width: 36px;
  height: 36px;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 28px;
  cursor: pointer;
}
.skillgames-join-overlay .skillgames-overlay-close:focus-visible {
  outline: 2px solid #007de1;
}
html[data-theme='dark'] .skillgames-join-page,
html[data-theme='dark'] .skillgames-join-overlay {
  color: #fff;
  background: #101417;
  border-color: rgba(150, 150, 150, 0.25);
}
html[data-theme='dark'] .skillgames-join-page .skillgames-competition-values dt,
html[data-theme='dark'] .skillgames-join-page .skillgames-competition-values > div:before {
  color: #d5d5d5;
}
html[data-theme='dark'] .skillgames-join-page .skillgames-back-to-game {
  color: #e1bb36;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.skillgames-join-page .skillgames-join-intro {
  margin-top: -6px;
}
.skillgames-join-page .skillgames-join-options {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr);
  align-items: stretch;
  margin-top: 28px;
}
.skillgames-join-page .skillgames-join-option {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 28px;
  border: 1px solid rgba(180, 209, 232, 0.7);
  border-radius: 12px;
}
.skillgames-join-page .skillgames-join-option.is-available {
  border-color: #007de1;
}
.skillgames-join-page .skillgames-join-option h3 {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 0;
}
.skillgames-join-page .skillgames-join-option > p {
  color: #555555;
}
.skillgames-join-page .skillgames-join-option dl {
  margin: 12px 0 20px;
}
.skillgames-join-page .skillgames-join-option dl > div {
  position: relative;
  padding: 18px 18px 18px 68px;
  border: 1px solid rgba(180, 209, 232, 0.55);
  border-radius: 12px;
  margin-bottom: 12px;
  background: rgba(237, 246, 253, 0.35);
}
.skillgames-join-page .skillgames-join-option dl > div:before {
  position: absolute;
  top: 24px;
  left: 22px;
  font-family: FontAwesome;
  font-size: 30px;
  color: #969696;
}
.skillgames-join-page .skillgames-join-option dt {
  font-size: 13px;
  line-height: 1.5;
  color: #555555;
}
.skillgames-join-page .skillgames-join-option dd {
  margin: 2px 0 0;
  font-size: 21px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.skillgames-join-page .skillgames-join-option .skillgames-join-entry:before {
  content: '\f1c0';
}
.skillgames-join-page .skillgames-join-option .skillgames-join-balance:before {
  content: '\f0b1';
}
.skillgames-join-page .skillgames-join-option .skillgames-join-action,
.skillgames-join-page .skillgames-join-option .skillgames-join-buy-action {
  margin-top: auto;
  width: 100%;
  min-height: 52px;
  box-sizing: border-box;
}
.skillgames-join-page .skillgames-join-option .skillgames-join-buy-action {
  background: #fff;
  border: 1px solid rgba(180, 209, 232, 0.7);
  border-radius: 11px;
  color: #111;
  padding: 10px 16px;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4;
  cursor: pointer;
}
.skillgames-join-page .skillgames-join-option .skillgames-join-buy-action:hover,
.skillgames-join-page .skillgames-join-option .skillgames-join-buy-action:focus {
  background: #edf6fd;
  color: #111;
}
html[data-theme='dark'] .skillgames-join-page .skillgames-join-option .skillgames-join-buy-action {
  background: #101417;
  border-color: rgba(150, 150, 150, 0.2);
  color: #fff;
}
html[data-theme='dark'] .skillgames-join-page .skillgames-join-option .skillgames-join-buy-action:hover,
html[data-theme='dark'] .skillgames-join-page .skillgames-join-option .skillgames-join-buy-action:focus {
  background: #eddc9f;
  color: #111;
}
.skillgames-join-page .skillgames-join-option .skillgames-join-buy-action:disabled,
.skillgames-join-page .skillgames-join-option .skillgames-join-buy-action[aria-disabled='true'] {
  opacity: 0.4;
  cursor: default;
}
.skillgames-join-page .skillgames-join-option .skillgames-join-hint {
  margin: 0 0 16px;
  font-size: 13px;
}
.skillgames-join-page .skillgames-join-purchase-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: auto;
}
.skillgames-join-page .skillgames-join-purchase-actions > a,
.skillgames-join-page .skillgames-join-purchase-actions > button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  margin-top: 0;
}
.skillgames-join-page .skillgames-join-or {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  font-size: 12px;
  color: #555555;
}
.skillgames-join-page .skillgames-join-or:before,
.skillgames-join-page .skillgames-join-or:after {
  content: '';
  width: 1px;
  flex: 1;
  background: rgba(150, 150, 150, 0.25);
}
.skillgames-join-page .skillgames-join-coins {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 180px;
  flex: 1;
  margin: 8px 0 20px;
  color: #e1bb36;
}
.skillgames-join-page .skillgames-join-coins:before {
  content: '\f1c0';
  font-family: FontAwesome;
  font-size: 96px;
  line-height: 1;
}
@media (max-width: 800px) {
  .skillgames-join-page .skillgames-join-options {
    grid-template-columns: minmax(0, 1fr);
  }
  .skillgames-join-page .skillgames-join-or {
    flex-direction: row;
    padding: 22px 0;
  }
  .skillgames-join-page .skillgames-join-or:before,
  .skillgames-join-page .skillgames-join-or:after {
    width: auto;
    height: 1px;
  }
}
@media (max-width: 600px) {
  .skillgames-join-page .skillgames-join-content {
    padding: 24px 16px;
  }
  .skillgames-join-page .skillgames-join-option {
    padding: 20px 16px;
  }
}
@media (max-width: 460px) {
  .skillgames-join-page .skillgames-join-purchase-actions {
    grid-template-columns: minmax(0, 1fr);
  }
}
html[data-theme='dark'] .skillgames-join-page .skillgames-join-option {
  border-color: rgba(150, 150, 150, 0.25);
}
html[data-theme='dark'] .skillgames-join-page .skillgames-join-option > p,
html[data-theme='dark'] .skillgames-join-page .skillgames-join-option dt {
  color: #d5d5d5;
}
html[data-theme='dark'] .skillgames-join-page .skillgames-join-option dl > div {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(150, 150, 150, 0.15);
}
html[data-theme='dark'] .skillgames-join-page .skillgames-join-option.is-available {
  border-color: #e1bb36;
}
html[data-theme='dark'] .skillgames-join-page .skillgames-join-or {
  color: #d5d5d5;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.skillgames-leaderboard {
  display: flex;
  min-width: 0;
  padding: 20px;
  box-sizing: border-box;
  border-top: 1px solid rgba(180, 209, 232, 0.65);
  color: #111;
}
.skillgames-leaderboard [hidden] {
  display: none !important;
}
.skillgames-leaderboard section {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  isolation: isolate;
  min-width: 0;
}
.skillgames-leaderboard section.loading {
  min-height: 240px;
}
.skillgames-leaderboard .skillgames-leaderboard-empty {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  min-height: 240px;
  color: rgba(150, 150, 150, 0.55);
}
.skillgames-leaderboard .skillgames-leaderboard-empty:before {
  content: '\f080';
  font-family: FontAwesome;
  font-size: 72px;
  line-height: 1;
}
.skillgames-leaderboard .skillgames-leaderboard-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 18px;
}
.skillgames-leaderboard .skillgames-leaderboard-header h3 {
  margin: 0;
  padding: 0;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 800;
  text-transform: uppercase;
}
.skillgames-leaderboard .skillgames-leaderboard-header a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #007de1;
  font-size: 10px;
  line-height: 1.5;
  font-weight: 800;
  text-decoration: none;
}
.skillgames-leaderboard .skillgames-leaderboard-header a:after {
  content: '\2192';
  font-size: 17px;
}
.skillgames-leaderboard .skillgames-leaderboard-header a:hover {
  text-decoration: underline;
}
.skillgames-leaderboard .skillgames-leaderboard-header a:focus-visible {
  outline: 2px solid #007de1;
  outline-offset: 3px;
}
.skillgames-leaderboard [data-leaderboard-message] {
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 1.5;
  color: #555555;
}
.skillgames-leaderboard .skillgames-leaderboard-summary {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 6px 12px;
  margin-left: auto;
  font-size: 12px;
  color: #555555;
}
.skillgames-leaderboard .skillgames-own-rank {
  font-size: 12px;
  color: #555555;
}
.skillgames-leaderboard .skillgames-own-rank strong {
  color: #111;
  font-weight: 700;
}
.skillgames-leaderboard table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  background: rgba(237, 246, 253, 0.35);
  color: inherit;
  font-variant-numeric: tabular-nums;
}
.skillgames-leaderboard th {
  padding: 11px 6px;
  background: #edf6fd;
  color: #555555;
  font-size: 0.6em;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.4;
  text-align: left;
  overflow-wrap: anywhere;
}
.skillgames-leaderboard td {
  height: 42px;
  box-sizing: border-box;
  padding: 8px 6px;
  border-top: 1px solid rgba(180, 209, 232, 0.65);
  font-size: 0.7em;
  font-weight: 600;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.skillgames-leaderboard tr[data-current-user='true'] td {
  font-weight: 900;
}
.skillgames-leaderboard th:first-child,
.skillgames-leaderboard td:first-child {
  width: 34px;
  padding-left: 8px;
  text-align: center;
}
.skillgames-leaderboard th:nth-child(3),
.skillgames-leaderboard td:nth-child(3),
.skillgames-leaderboard th:last-child,
.skillgames-leaderboard td:last-child {
  text-align: right;
}
.skillgames-leaderboard td:nth-child(3),
.skillgames-leaderboard td:last-child {
  white-space: nowrap;
}
.skillgames-leaderboard th:last-child,
.skillgames-leaderboard td:last-child {
  padding-right: 10px;
}
.skillgames-leaderboard .skillgames-rank {
  display: inline-flex;
  width: 22px;
  height: 22px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-weight: 800;
}
.skillgames-leaderboard tr[data-rank='1'] .skillgames-rank {
  color: #111;
  background: linear-gradient(135deg, #ffe382, #ffcd1c);
}
.skillgames-leaderboard tr[data-rank='2'] .skillgames-rank {
  color: #111;
  background: linear-gradient(135deg, #fff, #969696);
}
.skillgames-leaderboard tr[data-rank='3'] .skillgames-rank {
  color: #111;
  background: linear-gradient(135deg, #e1bb36, #e47211);
}
.skillgames-leaderboard .skillgames-leaderboard-gap td {
  height: 28px;
  padding: 2px 8px;
  border: 0;
  text-align: left;
  font-size: 20px;
}
.skillgames-leaderboard tr[data-current-user='true'] td {
  background: rgba(225, 187, 54, 0.14);
  border-top: 1px solid rgba(225, 187, 54, 0.65);
  border-bottom: 1px solid rgba(225, 187, 54, 0.65);
}
.skillgames-leaderboard tr[data-current-user='true'] td:first-child {
  border-left: 1px solid rgba(225, 187, 54, 0.65);
  border-radius: 6px 0 0 6px;
}
.skillgames-leaderboard tr[data-current-user='true'] td:last-child {
  border-right: 1px solid rgba(225, 187, 54, 0.65);
  border-radius: 0 6px 6px 0;
}
.skillgames-leaderboard tr[data-current-user='true'] td:nth-child(2) {
  color: #007de1;
}
.skillgames-leaderboard tr[data-current-user='true'] .skillgames-rank {
  border: 1px solid #e1bb36;
  border-radius: 5px;
  background: transparent;
  color: #007de1;
}
.skillgames-leaderboard tr[data-performance='positive'] td:last-child {
  color: #09851b;
}
.skillgames-leaderboard tr[data-performance='negative'] td:last-child {
  color: #c40303;
}
.skillgames-leaderboard tr[data-performance='unavailable'] td:last-child {
  color: #555555;
}
@media screen and (min-width: 800px) {
  .skillgames-leaderboard {
    border-top: 0;
    border-left: 1px solid rgba(180, 209, 232, 0.65);
    padding: 20px 16px;
  }
}
html[data-theme='dark'] .skillgames-leaderboard {
  color: #fff;
  border-color: rgba(150, 150, 150, 0.15);
}
html[data-theme='dark'] .skillgames-leaderboard table {
  background: rgba(17, 17, 17, 0.35);
  border-color: rgba(150, 150, 150, 0.15);
}
html[data-theme='dark'] .skillgames-leaderboard th {
  background: rgba(85, 85, 85, 0.16);
  color: #d5d5d5;
}
html[data-theme='dark'] .skillgames-leaderboard td {
  border-color: rgba(150, 150, 150, 0.15);
}
html[data-theme='dark'] .skillgames-leaderboard [data-leaderboard-message],
html[data-theme='dark'] .skillgames-leaderboard tr[data-performance='unavailable'] td:last-child {
  color: #d5d5d5;
}
html[data-theme='dark'] .skillgames-leaderboard .skillgames-leaderboard-header a {
  color: #e1bb36;
}
html[data-theme='dark'] .skillgames-leaderboard .skillgames-leaderboard-header a:focus-visible {
  outline-color: #e1bb36;
}
html[data-theme='dark'] .skillgames-leaderboard .skillgames-leaderboard-summary,
html[data-theme='dark'] .skillgames-leaderboard .skillgames-own-rank {
  color: #d5d5d5;
}
html[data-theme='dark'] .skillgames-leaderboard .skillgames-leaderboard-summary strong,
html[data-theme='dark'] .skillgames-leaderboard .skillgames-own-rank strong {
  color: #fff;
}
html[data-theme='dark'] .skillgames-leaderboard tr[data-current-user='true'] td {
  border-color: rgba(225, 187, 54, 0.65);
}
html[data-theme='dark'] .skillgames-leaderboard tr[data-current-user='true'] td:nth-child(2),
html[data-theme='dark'] .skillgames-leaderboard tr[data-current-user='true'] .skillgames-rank {
  color: #e1bb36;
}
html[data-theme='dark'] .skillgames-leaderboard tr[data-performance='positive'] td:last-child {
  color: #0ec829;
}
html[data-theme='dark'] .skillgames-leaderboard tr[data-performance='negative'] td:last-child {
  color: #fc3131;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.skillgames-overview {
  color: #111;
}
@media screen and (min-width: 640px) {
  .skillgames-overview {
    padding: 0 20px;
  }
}
.skillgames-overview [hidden] {
  display: none !important;
}
.skillgames-overview .skillgames-empty {
  padding: 32px 20px;
  text-align: center;
}
.skillgames-competitions {
  display: grid;
  gap: 60px;
  max-width: 1600px;
  margin: 20px auto;
}
.skillgames-competition {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(180, 209, 232, 0.7);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 20px rgba(17, 17, 17, 0.05);
}
@media screen and (min-width: 800px) {
  .skillgames-competition {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }
}
.skillgames-competition-content {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 450px;
  box-sizing: border-box;
  padding: 20px;
  isolation: isolate;
}
.skillgames-competition-content figure {
  position: absolute;
  z-index: -1;
  inset: 0;
  margin: 0;
  overflow: hidden;
}
.skillgames-competition-content figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.skillgames-competition-content figure:after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #fff 70%);
}
.skillgames-competition-content figure[hidden] ~ .skillgames-category {
  margin-top: 56px;
}
.skillgames-competition-content .skillgames-competition-status {
  position: absolute;
  top: 16px;
  left: 20px;
  right: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.skillgames-competition-content .skillgames-countdown {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  box-sizing: border-box;
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  color: #fff;
  background: rgba(17, 17, 17, 0.92);
  font-variant-numeric: tabular-nums;
  gap: 8px;
}
.skillgames-competition-content .skillgames-countdown:before {
  content: '\f017';
  font-family: FontAwesome;
  font-size: 19px;
  color: #ffcd1c;
}
.skillgames-competition-content .skillgames-participation {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-left: auto;
  min-height: 32px;
  padding: 6px 12px;
  border: 1px solid #e1bb36;
  border-radius: 8px;
  background: #ffcd1c;
  color: #111;
  box-shadow: 0 2px 8px rgba(17, 17, 17, 0.2);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
}
.skillgames-competition-content .skillgames-participation:before {
  content: '\f058';
  font-family: FontAwesome;
  font-size: 16px;
}
.skillgames-competition-content .skillgames-category {
  margin: 285px 0 6px;
}
.skillgames-competition-content h2 {
  margin: 0 0 6px;
  padding: 0;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: none;
  overflow-wrap: anywhere;
}
.skillgames-competition-content .skillgames-preview {
  margin: 0 0 18px;
  font-size: 13px;
  line-height: 1.5;
  color: #555555;
}
.skillgames-competition[data-has-joined='true'] figure[hidden] ~ .skillgames-category {
  margin-top: 104px;
}
.skillgames-competition-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 6px;
}
.skillgames-competition-actions .skillgames-join,
.skillgames-competition-actions .skillgames-details {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 40px;
  cursor: pointer;
  transition: background-color 0.15s;
}
.skillgames-competition-actions .skillgames-join:focus-visible,
.skillgames-competition-actions .skillgames-details:focus-visible {
  outline: 2px solid #007de1;
  outline-offset: 3px;
}
.skillgames-competition-actions .skillgames-join {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 800;
  flex: 2 1 180px;
  gap: 12px;
  font-size: 1rem;
}
.skillgames-competition-actions .skillgames-join:hover,
.skillgames-competition-actions .skillgames-join:focus {
  background: var(--darkblue);
}
.skillgames-competition-actions .skillgames-join:after {
  content: '\f105';
  font-family: FontAwesome;
  font-weight: normal;
  font-size: 19px;
  line-height: 1;
}
.skillgames-competition-actions .skillgames-details {
  background: #fff;
  border: 1px solid rgba(180, 209, 232, 0.7);
  border-radius: 11px;
  color: #111;
  padding: 10px 16px;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4;
  flex: 1 1 110px;
  font-size: 1rem;
}
.skillgames-competition-actions .skillgames-details:hover,
.skillgames-competition-actions .skillgames-details:focus {
  background: #edf6fd;
  color: #111;
}
html[data-theme='dark'] .skillgames-competition-actions .skillgames-details {
  background: #101417;
  border-color: rgba(150, 150, 150, 0.2);
  color: #fff;
}
html[data-theme='dark'] .skillgames-competition-actions .skillgames-details:hover,
html[data-theme='dark'] .skillgames-competition-actions .skillgames-details:focus {
  background: #eddc9f;
  color: #111;
}
.skillgames-join-info {
  margin: 12px 0 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: #edf6fd;
  color: #111;
  font-size: 12px;
  line-height: 1.5;
}
html[data-theme='dark'] .skillgames-overview {
  color: #fff;
}
html[data-theme='dark'] .skillgames-overview .skillgames-competition {
  background: #101417;
  border-color: rgba(150, 150, 150, 0.2);
  box-shadow: 0 4px 20px rgba(17, 17, 17, 0.18);
}
html[data-theme='dark'] .skillgames-overview .skillgames-competition-content figure:after {
  background: linear-gradient(to bottom, rgba(17, 17, 17, 0.08) 20%, #101417 76%);
}
html[data-theme='dark'] .skillgames-overview .skillgames-category,
html[data-theme='dark'] .skillgames-overview .skillgames-preview,
html[data-theme='dark'] .skillgames-overview .skillgames-competition-values dt,
html[data-theme='dark'] .skillgames-overview .skillgames-competition-values > div:before {
  color: #d5d5d5;
}
html[data-theme='dark'] .skillgames-overview .skillgames-join:focus-visible,
html[data-theme='dark'] .skillgames-overview .skillgames-details:focus-visible {
  outline-color: #e1bb36;
}
html[data-theme='dark'] .skillgames-overview .skillgames-join-info {
  background: #eddc9f;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
/*Overlay*/

.terms-and-condition-accept .content {
  max-width: 1200px;
  margin: 0 auto 40px auto;
  padding: 20px;
  line-height: 1.25;
}
@media screen and (min-width: 800px) {
  .terms-and-condition-accept .content {
    padding: 20px 50px;
  }
}
.terms-and-condition-accept .rw.buttons {
  position: sticky;
  bottom: 0;
  display: flex;
  align-content: center;
  justify-content: center;
  background: var(--lightblue);
  padding: 20px;
}
.terms-and-condition-accept .rw.buttons .button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.terms-and-condition-accept .rw.buttons .button:hover,
.terms-and-condition-accept .rw.buttons .button:focus {
  background: var(--darkblue);
}
/* Terms and Condition */

.terms-and-condition .details {
  padding: 40px;
}
.terms-and-condition .details ol {
  list-style-type: decimal;
  margin-left: 20px;
  counter-reset: item;
}
.terms-and-condition .details ol li {
  padding: 4px 0 0 10px;
}
.terms-and-condition .details ol > li {
  counter-increment: item;
}
.terms-and-condition .details ol ol > li {
  display: block;
}
.terms-and-condition .details ol ol > li:before {
  content: counters(item, ".") ". ";
  margin-left: -20px;
}
.terms-and-condition .display-immediately .btns {
  display: none;
}
.terms-and-condition .display-immediately .content {
  display: block;
  padding: 20px;
  line-height: 1.7;
  font-size: 18px;
}
.terms-and-condition .display-immediately .content h1 {
  text-align: center;
  margin-bottom: 40px;
}
.terms-and-condition .display-immediately .content table,
.terms-and-condition .display-immediately .content td,
.terms-and-condition .display-immediately .content th {
  border: 1px solid #fff;
  padding: 8px;
}
.terms-and-condition .item .btns .button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  display: inline-block;
}
.terms-and-condition .item .btns .button:hover,
.terms-and-condition .item .btns .button:focus {
  background: var(--darkblue);
}
.terms-and-condition .item .content {
  display: none;
}
.terms-and-condition .item .content.active {
  display: block;
  padding: 20px;
  line-height: 1.7;
  font-size: 18px;
}
.terms-and-condition .item .content.active h1 {
  text-align: center;
  margin-bottom: 40px;
}
.terms-and-condition .item .content.active table,
.terms-and-condition .item .content.active td,
.terms-and-condition .item .content.active th {
  border: 1px solid #fff;
  padding: 8px;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.persons-addresses {
  max-width: 900px;
  margin: 0 auto;
  padding: 10px;
}
.cmsmodul.persons-addresses .address-item {
  background: var(--lightblue);
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 40px;
  position: relative;
  color: #111;
}
@media screen and (min-width: 800px) {
  .cmsmodul.persons-addresses .address-item {
    padding: 40px;
  }
}
.cmsmodul.persons-addresses .address-item .form-group {
  padding: 8px 0;
}
.cmsmodul.persons-addresses .address-item .form-group label {
  display: block;
  margin: 12px 0 4px 0;
}
.cmsmodul.persons-addresses .address-item .form-group input {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
}
.cmsmodul.persons-addresses .address-item .form-group input::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.cmsmodul.persons-addresses .address-item .form-group select {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
}
.cmsmodul.persons-addresses .address-item .form-group select::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.cmsmodul.persons-addresses .address-item .form-group .field-validation-error {
  display: inline-block;
}
.cmsmodul.persons-addresses .address-item button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.cmsmodul.persons-addresses .address-item button:hover,
.cmsmodul.persons-addresses .address-item button:focus {
  background: var(--darkblue);
}
.cmsmodul.persons-addresses .address-item:first-child > div:first-child {
  display: none;
}
.cmsmodul.persons-addresses .address-item.saved:before {
  background: #09851b;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  border-radius: 8px;
}
.cmsmodul.persons-addresses .address-item.saved:after {
  position: absolute;
  z-index: 20;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/content/css/lopocacom2/images/check.svg) no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  width: 160px;
  height: 160px;
  filter: brightness(1) invert(1);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.password-change {
  max-width: 500px;
  margin: 0 auto;
  background: var(--lightblue);
  padding: 20px;
  border-radius: 12px;
  color: #111;
}
.cmsmodul.password-change .form-group {
  padding: 12px 0;
}
.cmsmodul.password-change .form-group label {
  display: inline-block;
  width: 180px;
  margin-bottom: 4px;
}
.cmsmodul.password-change .form-group input {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
}
.cmsmodul.password-change .form-group input::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.cmsmodul.password-change button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.cmsmodul.password-change button:hover,
.cmsmodul.password-change button:focus {
  background: var(--darkblue);
}
.cmsmodul.password-change .field-validation-error {
  display: inline-block;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.persons-profile-data-management {
  max-width: 900px;
  margin: 0 auto;
  padding: 10px;
  color: #111;
}
.cmsmodul.persons-profile-data-management .container-group .form-parent {
  background: var(--lightblue);
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
  position: relative;
}
.cmsmodul.persons-profile-data-management .container-group .form-parent h3 {
  text-transform: uppercase;
  font-size: 1.2rem;
  margin-bottom: 10px;
  font-weight: 700;
}
.cmsmodul.persons-profile-data-management .container-group .form-parent .inner-container,
.cmsmodul.persons-profile-data-management .container-group .form-parent .phone-item {
  display: flex;
  gap: 20px;
}
.cmsmodul.persons-profile-data-management .container-group .form-parent .inner-container input,
.cmsmodul.persons-profile-data-management .container-group .form-parent .phone-item input {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
}
.cmsmodul.persons-profile-data-management .container-group .form-parent .inner-container input::placeholder,
.cmsmodul.persons-profile-data-management .container-group .form-parent .phone-item input::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.cmsmodul.persons-profile-data-management .container-group .form-parent .inner-container button,
.cmsmodul.persons-profile-data-management .container-group .form-parent .phone-item button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.cmsmodul.persons-profile-data-management .container-group .form-parent .inner-container button:hover,
.cmsmodul.persons-profile-data-management .container-group .form-parent .phone-item button:hover,
.cmsmodul.persons-profile-data-management .container-group .form-parent .inner-container button:focus,
.cmsmodul.persons-profile-data-management .container-group .form-parent .phone-item button:focus {
  background: var(--darkblue);
}
.cmsmodul.persons-profile-data-management .container-group .form-parent .inner-container .field-validation-error,
.cmsmodul.persons-profile-data-management .container-group .form-parent .phone-item .field-validation-error {
  position: absolute;
  left: 20px;
  bottom: -24px;
}
.cmsmodul.persons-profile-data-management .container-group .form-parent.saved:before {
  background: #09851b;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  border-radius: 8px;
}
.cmsmodul.persons-profile-data-management .container-group .form-parent.saved:after {
  position: absolute;
  z-index: 20;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/content/css/lopocacom2/images/check.svg) no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  width: 100px;
  height: 100px;
  filter: brightness(1) invert(1);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.profile-overview {
  max-width: 900px;
  margin: 10px auto;
  padding: 10px;
}
.profile-overview .data {
  background: var(--lightblue);
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
  color: #111;
}
@media screen and (min-width: 1024px) {
  .profile-overview .data {
    padding: 40px;
  }
}
.profile-overview .data h2 {
  color: var(--blue);
}
.profile-overview .data h3 {
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 12px;
}
.profile-overview .data .row {
  padding: 5px 0;
}
.profile-overview .data .row span {
  display: inline-block;
  width: 170px;
}
.profile-overview .data .row a {
  color: #111;
}
.profile-overview .data .row.Yes b,
.profile-overview .data .row.Ja b {
  background: url(/content/css/lopocacom2/images/check.svg) no-repeat;
  width: 30px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.profile-overview .data .row.Yes b a,
.profile-overview .data .row.Ja b a {
  display: none;
}
.profile-overview .info {
  font-weight: bold;
  padding-left: 74px;
  position: relative;
  margin-bottom: 20px;
}
.profile-overview .info:before {
  content: 'i';
  font-size: 40px;
  background: #edf6fd;
  color: #007de1;
  position: absolute;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*gender-Male*/


/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.usertax-actualtaxbalance,
.usertax-payintransactions {
  max-width: 1450px;
  margin: 0 auto;
  padding: 8px 0;
}
.usertax-actualtaxbalance .sum-values,
.usertax-payintransactions .sum-values {
  font-size: 1.2em;
  margin-bottom: 8px;
}
.usertax-paytax {
  max-width: 1450px;
  margin: 40px auto;
  padding: 8px 0;
}
.usertax-paytax .amount-container {
  background: #edf6fd;
  padding: 20px;
  margin-bottom: 20px;
}
.usertax-paytax .amount-container .holder {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.usertax-paytax .amount-container .holder input {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
  margin-left: 8px;
}
.usertax-paytax .amount-container .holder input::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.usertax-paytax .account-container {
  border-bottom: 1px solid #edf6fd;
  margin-bottom: 20px;
  padding-bottom: 20px;
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.usertax-paytax .account-container:hover,
.usertax-paytax .account-container:focus {
  background: var(--darkblue);
}
.usertax-paytax .account-container .name {
  font-weight: bold;
  padding-bottom: 4px;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.kyc-upload .verification--page {
  max-width: 900px;
  margin: 0 auto;
}
.cmsmodul.kyc-upload .validation-wrapper {
  background: #c40303;
  color: #fff;
  padding: 8px;
  border-radius: 8px;
}
.cmsmodul.kyc-upload .validation-wrapper.hidden {
  display: none;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) {
  display: flex;
  flex-direction: column;
  background: var(--lightblue);
  color: #111;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 25px;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .info .title {
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: bold;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .status-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0 20px 0;
  width: 100%;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .status-wrapper.Approved {
  background: #09851b;
  color: #fff;
  padding: 8px 12px;
  border-radius: 8px;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .status-wrapper .expire {
  margin-left: 20px;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .status-wrapper .button {
  margin-left: auto;
  background: var(--lightblue);
  border-radius: 48px;
  color: var(--button2-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .status-wrapper .button:hover,
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .status-wrapper .button:focus {
  background: var(--darkblue);
  color: #fff;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper {
  background: #fff;
  padding: 12px;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper {
    padding: 25px;
  }
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .content {
  line-height: 1.2;
  margin-bottom: 20px;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .content .title {
  font-weight: bold;
  margin-bottom: 8px;
  display: block;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .content .title u {
  text-decoration: none;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .content ul {
  margin-left: 35px;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .content ul li {
  padding: 5px 0;
  position: relative;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .content ul li:before {
  content: "";
  position: absolute;
  display: block;
  left: -30px;
  top: 7px;
  width: 20px;
  height: 20px;
  background: url(/content/css/lopocacom2/images/check.svg) no-repeat;
  background-size: contain;
  filter: var(--filterBright);
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .content ul li:before {
  filter: none;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .rw-upload .choose,
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .rw-upload .wcam {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  display: inline-block;
  margin-right: 12px;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .rw-upload .choose:hover,
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .rw-upload .wcam:hover,
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .rw-upload .choose:focus,
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .rw-upload .wcam:focus {
  background: var(--darkblue);
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .rw-upload .drop {
  padding: 20px;
  margin-bottom: 8px;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .rw-upload .drop input[type=file] {
  display: none;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .rw-upload ul li {
  padding: 4px 0;
  display: flex;
  justify-content: space-between;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .rw-upload ul li.failed {
  color: #c40303;
}
html.ondrop .cmsmodul.kyc-upload .verification--page .drop {
  background: #edf6fd;
  border: 2px dashed #b4d1e8;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.webcam-capture {
  text-align: center;
}
.webcam-capture .no-webcam-overlay {
  display: none;
}
.webcam-capture video {
  width: 100% !important;
  height: auto !important;
  max-width: 600px;
}
.webcam-capture .button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  text-decoration: none !important;
  color: #fff !important;
  margin-bottom: 20px;
  display: inline-block;
}
.webcam-capture .button:hover,
.webcam-capture .button:focus {
  background: var(--darkblue);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.withdraw .account-container {
  background: var(--lightblue);
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
}
.cmsmodul.withdraw .account-container .account-type {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
}
.cmsmodul.withdraw .account-container .account-type::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.withdraw .balance-container {
  background: var(--lightblue);
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  color: #111;
}
.cmsmodul.withdraw .balance-container > div {
  padding: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}
.cmsmodul.withdraw .balance-container > div label:first-child {
  width: 90%;
}
.cmsmodul.withdraw .balance-container > div.available-withdrawal-wrapper {
  font-weight: bold;
  white-space: nowrap;
}
.cmsmodul.withdraw .balance-container > div.amount-wrapper {
  border-top: 1px solid var(--lightblue);
  padding-top: 20px;
  margin-top: 20px;
}
.cmsmodul.withdraw .balance-container > div.amount-wrapper .holder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: var(--blue);
  font-weight: bold;
}
.cmsmodul.withdraw .balance-container > div.amount-wrapper .holder .amount input {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
  text-align: right;
  width: 120px;
}
.cmsmodul.withdraw .balance-container > div.amount-wrapper .holder .amount input::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
[data-theme='dark'] .cmsmodul.withdraw .amount-wrapper .holder {
  color: #111 !important;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.withdraw {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}
.cmsmodul.withdraw .hideme {
  display: none;
}
.cmsmodul.withdraw .validation-wrapper .validation-message {
  margin: 10px 0 40px 0;
}
.cmsmodul.withdraw .validation-wrapper .validation-message:empty {
  display: none;
}
.cmsmodul.withdraw .validation-wrapper .validation-message label {
  display: block;
  background: #c40303;
  color: #fff;
  padding: 8px;
  border-radius: 8px;
  margin: 8px 0;
}
.cmsmodul.withdraw .validation-wrapper.success label {
  background: #09851b;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.withdraw .payments-container .payment-info-container {
  font-weight: 900;
  font-size: 2rem;
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  text-transform: uppercase;
  margin: 40px 0 20px 0;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.withdraw .payments-container .payment-info-container {
    font-size: 3rem;
  }
}
.cmsmodul.withdraw .payments-container .payment-wrapper {
  display: flex;
  gap: 10px;
}
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container {
  background: var(--lightblue);
  border-radius: 12px;
  padding: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  /*only 1*/

}
@media screen and (min-width: 640px) {
  .cmsmodul.withdraw .payments-container .payment-wrapper .payment-container {
    width: calc(49% - 20px);
  }
}
@media screen and (min-width: 800px) {
  .cmsmodul.withdraw .payments-container .payment-wrapper .payment-container {
    width: calc(32% - 20px);
  }
}
@media screen and (min-width: 1300px) {
  .cmsmodul.withdraw .payments-container .payment-wrapper .payment-container {
    width: 32%;
  }
}
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container .overlay {
  display: none;
}
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container .name {
  font-weight: 700;
  color: var(--blue);
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  text-transform: uppercase;
  margin-bottom: 12px;
  padding: 0 50px;
  text-align: center;
}
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container .logo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0 20px 0;
  /*Icons see deposit.less*/

}
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container .logo .placeholder {
  outline: 8px solid #fff;
  border-radius: 8px;
}
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container:hover,
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container:focus {
  background: var(--blue);
  color: #fff;
}
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container:hover .name,
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container:focus .name {
  color: #fff;
}
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container:only-child {
  margin: 20px auto;
  width: 50%;
  max-width: 300px;
}
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container.selected {
  background: var(--blue);
  color: #fff;
}
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container.selected:before {
  background: white url(/content/css/lopocacom2/images/check.svg) no-repeat;
  content: '';
  width: 55px;
  height: 55px;
  position: absolute;
  right: 20px;
  top: 20px;
  border-radius: 100px;
  border: 10px solid var(--lightblue);
  box-shadow: 0 0 12px #111;
}
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container.selected .name {
  color: #fff;
}
.cmsmodul.withdraw .payments-container .rw.buttons {
  padding: 20px;
}
.cmsmodul.withdraw .payments-container .rw.buttons .button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.cmsmodul.withdraw .payments-container .rw.buttons .button:hover,
.cmsmodul.withdraw .payments-container .rw.buttons .button:focus {
  background: var(--darkblue);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.withdraw .withdrawal-request-container {
  background: #edf6fd;
  padding: 20px 20px 60px 20px;
  border-radius: 8px;
  margin: 40px auto;
}
.cmsmodul.withdraw .withdrawal-request-container h3 {
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 20px;
}
.cmsmodul.withdraw .withdrawal-request-container .fee-wrapper > div {
  padding: 8px;
  display: flex;
  justify-content: space-between;
}
.cmsmodul.withdraw .withdrawal-request-container .fee-wrapper > div:last-child {
  font-weight: bold;
  border-bottom: 1px solid #b4d1e8;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.cmsmodul.withdraw .withdrawal-request-container .param-details-container .bank-details-wrapper > div {
  padding: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
@media screen and (min-width: 800px) {
  .cmsmodul.withdraw .withdrawal-request-container .param-details-container .bank-details-wrapper > div {
    flex-wrap: nowrap;
  }
}
.cmsmodul.withdraw .withdrawal-request-container .param-details-container .bank-details-wrapper > div label {
  white-space: nowrap;
  min-width: 220px;
  text-align: left;
}
.cmsmodul.withdraw .withdrawal-request-container .param-details-container .bank-details-wrapper > div input[type=text] {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
  margin-bottom: 20px;
}
.cmsmodul.withdraw .withdrawal-request-container .param-details-container .bank-details-wrapper > div input[type=text]::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
@media screen and (min-width: 800px) {
  .cmsmodul.withdraw .withdrawal-request-container .param-details-container .bank-details-wrapper > div input[type=text] {
    margin: 0;
  }
}
.cmsmodul.withdraw .withdrawal-request-container .param-details-container .bank-details-wrapper > div .iban-check {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  margin: -20px 0 20px 0;
  width: 100%;
}
.cmsmodul.withdraw .withdrawal-request-container .param-details-container .bank-details-wrapper > div .iban-check:hover,
.cmsmodul.withdraw .withdrawal-request-container .param-details-container .bank-details-wrapper > div .iban-check:focus {
  background: var(--darkblue);
}
@media screen and (min-width: 800px) {
  .cmsmodul.withdraw .withdrawal-request-container .param-details-container .bank-details-wrapper > div .iban-check {
    margin: 0;
    width: auto;
  }
}
.cmsmodul.withdraw .withdrawal-request-container .rw.buttons {
  padding: 20px 0 0 0;
}
.cmsmodul.withdraw .withdrawal-request-container .rw.buttons .button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  min-width: 240px;
  display: inline-block;
}
.cmsmodul.withdraw .withdrawal-request-container .rw.buttons .button:hover,
.cmsmodul.withdraw .withdrawal-request-container .rw.buttons .button:focus {
  background: var(--darkblue);
}