:root {
  --main: #363636;
  --main-darken-10: rgb(48.6, 48.6, 48.6);
  --main-darken-20: rgb(43.2, 43.2, 43.2);
  --main-darken-30: rgb(37.8, 37.8, 37.8);
  --main-darken-40: rgb(32.4, 32.4, 32.4);
  --main-darken-50: #1b1b1b;
  --main-darken-60: rgb(21.6, 21.6, 21.6);
  --main-darken-70: rgb(16.2, 16.2, 16.2);
  --main-darken-80: rgb(10.8, 10.8, 10.8);
  --main-darken-90: rgb(5.4, 5.4, 5.4);
  --main-darken-100: black;
  --main-lighten-10: rgb(74.1, 74.1, 74.1);
  --main-lighten-20: rgb(94.2, 94.2, 94.2);
  --main-lighten-30: rgb(114.3, 114.3, 114.3);
  --main-lighten-40: rgb(134.4, 134.4, 134.4);
  --main-lighten-50: rgb(154.5, 154.5, 154.5);
  --main-lighten-60: rgb(174.6, 174.6, 174.6);
  --main-lighten-70: rgb(194.7, 194.7, 194.7);
  --main-lighten-80: rgb(214.8, 214.8, 214.8);
  --main-lighten-90: rgb(234.9, 234.9, 234.9);
  --main-lighten-100: white;
  --main-opacity-90: rgba(54, 54, 54, 0.9);
  --main-opacity-80: rgba(54, 54, 54, 0.8);
  --main-opacity-70: rgba(54, 54, 54, 0.7);
  --main-opacity-60: rgba(54, 54, 54, 0.6);
  --main-opacity-50: rgba(54, 54, 54, 0.5);
  --main-opacity-40: rgba(54, 54, 54, 0.4);
  --main-opacity-30: rgba(54, 54, 54, 0.3);
  --main-opacity-20: rgba(54, 54, 54, 0.2);
  --main-opacity-10: rgba(54, 54, 54, 0.1);
  --main-opacity-0: rgba(54, 54, 54, 0);
  --utility: #68707a;
  --utility-darken-10: rgb(93.6, 100.8, 109.8);
  --utility-darken-20: rgb(83.2, 89.6, 97.6);
  --utility-darken-30: rgb(72.8, 78.4, 85.4);
  --utility-darken-40: rgb(62.4, 67.2, 73.2);
  --utility-darken-50: #34383d;
  --utility-darken-60: rgb(41.6, 44.8, 48.8);
  --utility-darken-70: rgb(31.2, 33.6, 36.6);
  --utility-darken-80: rgb(20.8, 22.4, 24.4);
  --utility-darken-90: rgb(10.4, 11.2, 12.2);
  --utility-darken-100: black;
  --utility-lighten-10: rgb(119.1, 126.3, 135.3);
  --utility-lighten-20: rgb(134.2, 140.6, 148.6);
  --utility-lighten-30: rgb(149.3, 154.9, 161.9);
  --utility-lighten-40: rgb(164.4, 169.2, 175.2);
  --utility-lighten-50: rgb(179.5, 183.5, 188.5);
  --utility-lighten-60: rgb(194.6, 197.8, 201.8);
  --utility-lighten-70: rgb(209.7, 212.1, 215.1);
  --utility-lighten-80: rgb(224.8, 226.4, 228.4);
  --utility-lighten-90: rgb(239.9, 240.7, 241.7);
  --utility-lighten-100: white;
  --utility-opacity-90: rgba(104, 112, 122, 0.9);
  --utility-opacity-80: rgba(104, 112, 122, 0.8);
  --utility-opacity-70: rgba(104, 112, 122, 0.7);
  --utility-opacity-60: rgba(104, 112, 122, 0.6);
  --utility-opacity-50: rgba(104, 112, 122, 0.5);
  --utility-opacity-40: rgba(104, 112, 122, 0.4);
  --utility-opacity-30: rgba(104, 112, 122, 0.3);
  --utility-opacity-20: rgba(104, 112, 122, 0.2);
  --utility-opacity-10: rgba(104, 112, 122, 0.1);
  --utility-opacity-0: rgba(104, 112, 122, 0);
  --neutral: #F0F1F2;
  --neutral-darken-10: rgb(216, 216.9, 217.8);
  --neutral-darken-20: rgb(192, 192.8, 193.6);
  --neutral-darken-30: rgb(168, 168.7, 169.4);
  --neutral-darken-40: rgb(144, 144.6, 145.2);
  --neutral-darken-50: rgb(120, 120.5, 121);
  --neutral-darken-60: rgb(96, 96.4, 96.8);
  --neutral-darken-70: rgb(72, 72.3, 72.6);
  --neutral-darken-80: rgb(48, 48.2, 48.4);
  --neutral-darken-90: rgb(24, 24.1, 24.2);
  --neutral-darken-100: black;
  --neutral-lighten-10: rgb(241.5, 242.4, 243.3);
  --neutral-lighten-20: rgb(243, 243.8, 244.6);
  --neutral-lighten-30: rgb(244.5, 245.2, 245.9);
  --neutral-lighten-40: rgb(246, 246.6, 247.2);
  --neutral-lighten-50: rgb(247.5, 248, 248.5);
  --neutral-lighten-60: rgb(249, 249.4, 249.8);
  --neutral-lighten-70: rgb(250.5, 250.8, 251.1);
  --neutral-lighten-80: rgb(252, 252.2, 252.4);
  --neutral-lighten-90: rgb(253.5, 253.6, 253.7);
  --neutral-lighten-100: white;
  --neutral-opacity-90: rgba(240, 241, 242, 0.9);
  --neutral-opacity-80: rgba(240, 241, 242, 0.8);
  --neutral-opacity-70: rgba(240, 241, 242, 0.7);
  --neutral-opacity-60: rgba(240, 241, 242, 0.6);
  --neutral-opacity-50: rgba(240, 241, 242, 0.5);
  --neutral-opacity-40: rgba(240, 241, 242, 0.4);
  --neutral-opacity-30: rgba(240, 241, 242, 0.3);
  --neutral-opacity-20: rgba(240, 241, 242, 0.2);
  --neutral-opacity-10: rgba(240, 241, 242, 0.1);
  --neutral-opacity-0: rgba(240, 241, 242, 0);
  --accent: #3e529b;
  --accent-darken-10: rgb(55.8, 73.8, 139.5);
  --accent-darken-20: rgb(49.6, 65.6, 124);
  --accent-darken-30: rgb(43.4, 57.4, 108.5);
  --accent-darken-40: rgb(37.2, 49.2, 93);
  --accent-darken-50: rgb(31, 41, 77.5);
  --accent-darken-60: rgb(24.8, 32.8, 62);
  --accent-darken-70: rgb(18.6, 24.6, 46.5);
  --accent-darken-80: rgb(12.4, 16.4, 31);
  --accent-darken-90: rgb(6.2, 8.2, 15.5);
  --accent-darken-100: black;
  --accent-lighten-10: rgb(81.3, 99.3, 165);
  --accent-lighten-20: rgb(100.6, 116.6, 175);
  --accent-lighten-30: rgb(119.9, 133.9, 185);
  --accent-lighten-40: rgb(139.2, 151.2, 195);
  --accent-lighten-50: rgb(158.5, 168.5, 205);
  --accent-lighten-60: rgb(177.8, 185.8, 215);
  --accent-lighten-70: rgb(197.1, 203.1, 225);
  --accent-lighten-80: rgb(216.4, 220.4, 235);
  --accent-lighten-90: rgb(235.7, 237.7, 245);
  --accent-lighten-100: white;
  --accent-opacity-90: rgba(62, 82, 155, 0.9);
  --accent-opacity-80: rgba(62, 82, 155, 0.8);
  --accent-opacity-70: rgba(62, 82, 155, 0.7);
  --accent-opacity-60: rgba(62, 82, 155, 0.6);
  --accent-opacity-50: rgba(62, 82, 155, 0.5);
  --accent-opacity-40: rgba(62, 82, 155, 0.4);
  --accent-opacity-30: rgba(62, 82, 155, 0.3);
  --accent-opacity-20: rgba(62, 82, 155, 0.2);
  --accent-opacity-10: rgba(62, 82, 155, 0.1);
  --accent-opacity-0: rgba(62, 82, 155, 0);
  --contrast: #fff;
  --contrast-darken-10: rgb(229.5, 229.5, 229.5);
  --contrast-darken-20: #cccccc;
  --contrast-darken-30: rgb(178.5, 178.5, 178.5);
  --contrast-darken-40: #999999;
  --contrast-darken-50: rgb(127.5, 127.5, 127.5);
  --contrast-darken-60: #666666;
  --contrast-darken-70: rgb(76.5, 76.5, 76.5);
  --contrast-darken-80: #333333;
  --contrast-darken-90: rgb(25.5, 25.5, 25.5);
  --contrast-darken-100: black;
  --contrast-lighten-10: white;
  --contrast-lighten-20: white;
  --contrast-lighten-30: white;
  --contrast-lighten-40: white;
  --contrast-lighten-50: white;
  --contrast-lighten-60: white;
  --contrast-lighten-70: white;
  --contrast-lighten-80: white;
  --contrast-lighten-90: white;
  --contrast-lighten-100: white;
  --contrast-opacity-90: rgba(255, 255, 255, 0.9);
  --contrast-opacity-80: rgba(255, 255, 255, 0.8);
  --contrast-opacity-70: rgba(255, 255, 255, 0.7);
  --contrast-opacity-60: rgba(255, 255, 255, 0.6);
  --contrast-opacity-50: rgba(255, 255, 255, 0.5);
  --contrast-opacity-40: rgba(255, 255, 255, 0.4);
  --contrast-opacity-30: rgba(255, 255, 255, 0.3);
  --contrast-opacity-20: rgba(255, 255, 255, 0.2);
  --contrast-opacity-10: rgba(255, 255, 255, 0.1);
  --contrast-opacity-0: rgba(255, 255, 255, 0);
  --info: #0F96D0;
  --info-darken-10: rgb(13.5, 135, 187.2);
  --info-darken-20: rgb(12, 120, 166.4);
  --info-darken-30: rgb(10.5, 105, 145.6);
  --info-darken-40: rgb(9, 90, 124.8);
  --info-darken-50: rgb(7.5, 75, 104);
  --info-darken-60: rgb(6, 60, 83.2);
  --info-darken-70: rgb(4.5, 45, 62.4);
  --info-darken-80: rgb(3, 30, 41.6);
  --info-darken-90: rgb(1.5, 15, 20.8);
  --info-darken-100: black;
  --info-lighten-10: rgb(39, 160.5, 212.7);
  --info-lighten-20: rgb(63, 171, 217.4);
  --info-lighten-30: rgb(87, 181.5, 222.1);
  --info-lighten-40: rgb(111, 192, 226.8);
  --info-lighten-50: rgb(135, 202.5, 231.5);
  --info-lighten-60: rgb(159, 213, 236.2);
  --info-lighten-70: rgb(183, 223.5, 240.9);
  --info-lighten-80: rgb(207, 234, 245.6);
  --info-lighten-90: rgb(231, 244.5, 250.3);
  --info-lighten-100: white;
  --info-opacity-90: rgba(15, 150, 208, 0.9);
  --info-opacity-80: rgba(15, 150, 208, 0.8);
  --info-opacity-70: rgba(15, 150, 208, 0.7);
  --info-opacity-60: rgba(15, 150, 208, 0.6);
  --info-opacity-50: rgba(15, 150, 208, 0.5);
  --info-opacity-40: rgba(15, 150, 208, 0.4);
  --info-opacity-30: rgba(15, 150, 208, 0.3);
  --info-opacity-20: rgba(15, 150, 208, 0.2);
  --info-opacity-10: rgba(15, 150, 208, 0.1);
  --info-opacity-0: rgba(15, 150, 208, 0);
  --success: #59B259;
  --success-darken-10: rgb(80.1, 160.2, 80.1);
  --success-darken-20: rgb(71.2, 142.4, 71.2);
  --success-darken-30: rgb(62.3, 124.6, 62.3);
  --success-darken-40: rgb(53.4, 106.8, 53.4);
  --success-darken-50: rgb(44.5, 89, 44.5);
  --success-darken-60: rgb(35.6, 71.2, 35.6);
  --success-darken-70: rgb(26.7, 53.4, 26.7);
  --success-darken-80: rgb(17.8, 35.6, 17.8);
  --success-darken-90: rgb(8.9, 17.8, 8.9);
  --success-darken-100: black;
  --success-lighten-10: rgb(105.6, 185.7, 105.6);
  --success-lighten-20: rgb(122.2, 193.4, 122.2);
  --success-lighten-30: rgb(138.8, 201.1, 138.8);
  --success-lighten-40: rgb(155.4, 208.8, 155.4);
  --success-lighten-50: rgb(172, 216.5, 172);
  --success-lighten-60: rgb(188.6, 224.2, 188.6);
  --success-lighten-70: rgb(205.2, 231.9, 205.2);
  --success-lighten-80: rgb(221.8, 239.6, 221.8);
  --success-lighten-90: rgb(238.4, 247.3, 238.4);
  --success-lighten-100: white;
  --success-opacity-90: rgba(89, 178, 89, 0.9);
  --success-opacity-80: rgba(89, 178, 89, 0.8);
  --success-opacity-70: rgba(89, 178, 89, 0.7);
  --success-opacity-60: rgba(89, 178, 89, 0.6);
  --success-opacity-50: rgba(89, 178, 89, 0.5);
  --success-opacity-40: rgba(89, 178, 89, 0.4);
  --success-opacity-30: rgba(89, 178, 89, 0.3);
  --success-opacity-20: rgba(89, 178, 89, 0.2);
  --success-opacity-10: rgba(89, 178, 89, 0.1);
  --success-opacity-0: rgba(89, 178, 89, 0);
  --warning: #ED9B17;
  --warning-darken-10: rgb(213.3, 139.5, 20.7);
  --warning-darken-20: rgb(189.6, 124, 18.4);
  --warning-darken-30: rgb(165.9, 108.5, 16.1);
  --warning-darken-40: rgb(142.2, 93, 13.8);
  --warning-darken-50: rgb(118.5, 77.5, 11.5);
  --warning-darken-60: rgb(94.8, 62, 9.2);
  --warning-darken-70: rgb(71.1, 46.5, 6.9);
  --warning-darken-80: rgb(47.4, 31, 4.6);
  --warning-darken-90: rgb(23.7, 15.5, 2.3);
  --warning-darken-100: black;
  --warning-lighten-10: rgb(238.8, 165, 46.2);
  --warning-lighten-20: rgb(240.6, 175, 69.4);
  --warning-lighten-30: rgb(242.4, 185, 92.6);
  --warning-lighten-40: rgb(244.2, 195, 115.8);
  --warning-lighten-50: #f6cd8b;
  --warning-lighten-60: rgb(247.8, 215, 162.2);
  --warning-lighten-70: rgb(249.6, 225, 185.4);
  --warning-lighten-80: rgb(251.4, 235, 208.6);
  --warning-lighten-90: rgb(253.2, 245, 231.8);
  --warning-lighten-100: white;
  --warning-opacity-90: rgba(237, 155, 23, 0.9);
  --warning-opacity-80: rgba(237, 155, 23, 0.8);
  --warning-opacity-70: rgba(237, 155, 23, 0.7);
  --warning-opacity-60: rgba(237, 155, 23, 0.6);
  --warning-opacity-50: rgba(237, 155, 23, 0.5);
  --warning-opacity-40: rgba(237, 155, 23, 0.4);
  --warning-opacity-30: rgba(237, 155, 23, 0.3);
  --warning-opacity-20: rgba(237, 155, 23, 0.2);
  --warning-opacity-10: rgba(237, 155, 23, 0.1);
  --warning-opacity-0: rgba(237, 155, 23, 0);
  --danger: #BE1E1E;
  --danger-darken-10: #ab1b1b;
  --danger-darken-20: #981818;
  --danger-darken-30: #851515;
  --danger-darken-40: #721212;
  --danger-darken-50: #5f0f0f;
  --danger-darken-60: #4c0c0c;
  --danger-darken-70: #390909;
  --danger-darken-80: #260606;
  --danger-darken-90: #130303;
  --danger-darken-100: black;
  --danger-lighten-10: rgb(196.5, 52.5, 52.5);
  --danger-lighten-20: #cb4b4b;
  --danger-lighten-30: rgb(209.5, 97.5, 97.5);
  --danger-lighten-40: #d87878;
  --danger-lighten-50: rgb(222.5, 142.5, 142.5);
  --danger-lighten-60: #e5a5a5;
  --danger-lighten-70: rgb(235.5, 187.5, 187.5);
  --danger-lighten-80: #f2d2d2;
  --danger-lighten-90: rgb(248.5, 232.5, 232.5);
  --danger-lighten-100: white;
  --danger-opacity-90: rgba(190, 30, 30, 0.9);
  --danger-opacity-80: rgba(190, 30, 30, 0.8);
  --danger-opacity-70: rgba(190, 30, 30, 0.7);
  --danger-opacity-60: rgba(190, 30, 30, 0.6);
  --danger-opacity-50: rgba(190, 30, 30, 0.5);
  --danger-opacity-40: rgba(190, 30, 30, 0.4);
  --danger-opacity-30: rgba(190, 30, 30, 0.3);
  --danger-opacity-20: rgba(190, 30, 30, 0.2);
  --danger-opacity-10: rgba(190, 30, 30, 0.1);
  --danger-opacity-0: rgba(190, 30, 30, 0);
  --rating: #FFB800;
  --rating-darken-10: rgb(229.5, 165.6, 0);
  --rating-darken-20: rgb(204, 147.2, 0);
  --rating-darken-30: rgb(178.5, 128.8, 0);
  --rating-darken-40: rgb(153, 110.4, 0);
  --rating-darken-50: rgb(127.5, 92, 0);
  --rating-darken-60: rgb(102, 73.6, 0);
  --rating-darken-70: rgb(76.5, 55.2, 0);
  --rating-darken-80: rgb(51, 36.8, 0);
  --rating-darken-90: rgb(25.5, 18.4, 0);
  --rating-darken-100: black;
  --rating-lighten-10: rgb(255, 191.1, 25.5);
  --rating-lighten-20: rgb(255, 198.2, 51);
  --rating-lighten-30: rgb(255, 205.3, 76.5);
  --rating-lighten-40: rgb(255, 212.4, 102);
  --rating-lighten-50: rgb(255, 219.5, 127.5);
  --rating-lighten-60: rgb(255, 226.6, 153);
  --rating-lighten-70: rgb(255, 233.7, 178.5);
  --rating-lighten-80: rgb(255, 240.8, 204);
  --rating-lighten-90: rgb(255, 247.9, 229.5);
  --rating-lighten-100: white;
  --rating-opacity-90: rgba(255, 184, 0, 0.9);
  --rating-opacity-80: rgba(255, 184, 0, 0.8);
  --rating-opacity-70: rgba(255, 184, 0, 0.7);
  --rating-opacity-60: rgba(255, 184, 0, 0.6);
  --rating-opacity-50: rgba(255, 184, 0, 0.5);
  --rating-opacity-40: rgba(255, 184, 0, 0.4);
  --rating-opacity-30: rgba(255, 184, 0, 0.3);
  --rating-opacity-20: rgba(255, 184, 0, 0.2);
  --rating-opacity-10: rgba(255, 184, 0, 0.1);
  --rating-opacity-0: rgba(255, 184, 0, 0);
  --vkontakte: #07F;
  --vkontakte-darken-10: rgb(0, 107.1, 229.5);
  --vkontakte-darken-20: rgb(0, 95.2, 204);
  --vkontakte-darken-30: rgb(0, 83.3, 178.5);
  --vkontakte-darken-40: rgb(0, 71.4, 153);
  --vkontakte-darken-50: rgb(0, 59.5, 127.5);
  --vkontakte-darken-60: rgb(0, 47.6, 102);
  --vkontakte-darken-70: rgb(0, 35.7, 76.5);
  --vkontakte-darken-80: rgb(0, 23.8, 51);
  --vkontakte-darken-90: rgb(0, 11.9, 25.5);
  --vkontakte-darken-100: black;
  --vkontakte-lighten-10: rgb(25.5, 132.6, 255);
  --vkontakte-lighten-20: rgb(51, 146.2, 255);
  --vkontakte-lighten-30: rgb(76.5, 159.8, 255);
  --vkontakte-lighten-40: rgb(102, 173.4, 255);
  --vkontakte-lighten-50: rgb(127.5, 187, 255);
  --vkontakte-lighten-60: rgb(153, 200.6, 255);
  --vkontakte-lighten-70: rgb(178.5, 214.2, 255);
  --vkontakte-lighten-80: rgb(204, 227.8, 255);
  --vkontakte-lighten-90: rgb(229.5, 241.4, 255);
  --vkontakte-lighten-100: white;
  --vkontakte-opacity-90: rgba(0, 119, 255, 0.9);
  --vkontakte-opacity-80: rgba(0, 119, 255, 0.8);
  --vkontakte-opacity-70: rgba(0, 119, 255, 0.7);
  --vkontakte-opacity-60: rgba(0, 119, 255, 0.6);
  --vkontakte-opacity-50: rgba(0, 119, 255, 0.5);
  --vkontakte-opacity-40: rgba(0, 119, 255, 0.4);
  --vkontakte-opacity-30: rgba(0, 119, 255, 0.3);
  --vkontakte-opacity-20: rgba(0, 119, 255, 0.2);
  --vkontakte-opacity-10: rgba(0, 119, 255, 0.1);
  --vkontakte-opacity-0: rgba(0, 119, 255, 0);
  --telegram: #08C;
  --telegram-darken-10: rgb(0, 122.4, 183.6);
  --telegram-darken-20: rgb(0, 108.8, 163.2);
  --telegram-darken-30: rgb(0, 95.2, 142.8);
  --telegram-darken-40: rgb(0, 81.6, 122.4);
  --telegram-darken-50: #004466;
  --telegram-darken-60: rgb(0, 54.4, 81.6);
  --telegram-darken-70: rgb(0, 40.8, 61.2);
  --telegram-darken-80: rgb(0, 27.2, 40.8);
  --telegram-darken-90: rgb(0, 13.6, 20.4);
  --telegram-darken-100: black;
  --telegram-lighten-10: rgb(25.5, 147.9, 209.1);
  --telegram-lighten-20: rgb(51, 159.8, 214.2);
  --telegram-lighten-30: rgb(76.5, 171.7, 219.3);
  --telegram-lighten-40: rgb(102, 183.6, 224.4);
  --telegram-lighten-50: rgb(127.5, 195.5, 229.5);
  --telegram-lighten-60: rgb(153, 207.4, 234.6);
  --telegram-lighten-70: rgb(178.5, 219.3, 239.7);
  --telegram-lighten-80: rgb(204, 231.2, 244.8);
  --telegram-lighten-90: rgb(229.5, 243.1, 249.9);
  --telegram-lighten-100: white;
  --telegram-opacity-90: rgba(0, 136, 204, 0.9);
  --telegram-opacity-80: rgba(0, 136, 204, 0.8);
  --telegram-opacity-70: rgba(0, 136, 204, 0.7);
  --telegram-opacity-60: rgba(0, 136, 204, 0.6);
  --telegram-opacity-50: rgba(0, 136, 204, 0.5);
  --telegram-opacity-40: rgba(0, 136, 204, 0.4);
  --telegram-opacity-30: rgba(0, 136, 204, 0.3);
  --telegram-opacity-20: rgba(0, 136, 204, 0.2);
  --telegram-opacity-10: rgba(0, 136, 204, 0.1);
  --telegram-opacity-0: rgba(0, 136, 204, 0);
  --youtube: #F00;
  --youtube-darken-10: rgb(229.5, 0, 0);
  --youtube-darken-20: #cc0000;
  --youtube-darken-30: rgb(178.5, 0, 0);
  --youtube-darken-40: #990000;
  --youtube-darken-50: rgb(127.5, 0, 0);
  --youtube-darken-60: #660000;
  --youtube-darken-70: rgb(76.5, 0, 0);
  --youtube-darken-80: #330000;
  --youtube-darken-90: rgb(25.5, 0, 0);
  --youtube-darken-100: black;
  --youtube-lighten-10: rgb(255, 25.5, 25.5);
  --youtube-lighten-20: #ff3333;
  --youtube-lighten-30: rgb(255, 76.5, 76.5);
  --youtube-lighten-40: #ff6666;
  --youtube-lighten-50: rgb(255, 127.5, 127.5);
  --youtube-lighten-60: #ff9999;
  --youtube-lighten-70: rgb(255, 178.5, 178.5);
  --youtube-lighten-80: #ffcccc;
  --youtube-lighten-90: rgb(255, 229.5, 229.5);
  --youtube-lighten-100: white;
  --youtube-opacity-90: rgba(255, 0, 0, 0.9);
  --youtube-opacity-80: rgba(255, 0, 0, 0.8);
  --youtube-opacity-70: rgba(255, 0, 0, 0.7);
  --youtube-opacity-60: rgba(255, 0, 0, 0.6);
  --youtube-opacity-50: rgba(255, 0, 0, 0.5);
  --youtube-opacity-40: rgba(255, 0, 0, 0.4);
  --youtube-opacity-30: rgba(255, 0, 0, 0.3);
  --youtube-opacity-20: rgba(255, 0, 0, 0.2);
  --youtube-opacity-10: rgba(255, 0, 0, 0.1);
  --youtube-opacity-0: rgba(255, 0, 0, 0);
  --odnoklassniki: #F70;
  --odnoklassniki-darken-10: rgb(229.5, 107.1, 0);
  --odnoklassniki-darken-20: rgb(204, 95.2, 0);
  --odnoklassniki-darken-30: rgb(178.5, 83.3, 0);
  --odnoklassniki-darken-40: rgb(153, 71.4, 0);
  --odnoklassniki-darken-50: rgb(127.5, 59.5, 0);
  --odnoklassniki-darken-60: rgb(102, 47.6, 0);
  --odnoklassniki-darken-70: rgb(76.5, 35.7, 0);
  --odnoklassniki-darken-80: rgb(51, 23.8, 0);
  --odnoklassniki-darken-90: rgb(25.5, 11.9, 0);
  --odnoklassniki-darken-100: black;
  --odnoklassniki-lighten-10: rgb(255, 132.6, 25.5);
  --odnoklassniki-lighten-20: rgb(255, 146.2, 51);
  --odnoklassniki-lighten-30: rgb(255, 159.8, 76.5);
  --odnoklassniki-lighten-40: rgb(255, 173.4, 102);
  --odnoklassniki-lighten-50: rgb(255, 187, 127.5);
  --odnoklassniki-lighten-60: rgb(255, 200.6, 153);
  --odnoklassniki-lighten-70: rgb(255, 214.2, 178.5);
  --odnoklassniki-lighten-80: rgb(255, 227.8, 204);
  --odnoklassniki-lighten-90: rgb(255, 241.4, 229.5);
  --odnoklassniki-lighten-100: white;
  --odnoklassniki-opacity-90: rgba(255, 119, 0, 0.9);
  --odnoklassniki-opacity-80: rgba(255, 119, 0, 0.8);
  --odnoklassniki-opacity-70: rgba(255, 119, 0, 0.7);
  --odnoklassniki-opacity-60: rgba(255, 119, 0, 0.6);
  --odnoklassniki-opacity-50: rgba(255, 119, 0, 0.5);
  --odnoklassniki-opacity-40: rgba(255, 119, 0, 0.4);
  --odnoklassniki-opacity-30: rgba(255, 119, 0, 0.3);
  --odnoklassniki-opacity-20: rgba(255, 119, 0, 0.2);
  --odnoklassniki-opacity-10: rgba(255, 119, 0, 0.1);
  --odnoklassniki-opacity-0: rgba(255, 119, 0, 0);
  --black: #000;
  --black-darken-10: black;
  --black-darken-20: black;
  --black-darken-30: black;
  --black-darken-40: black;
  --black-darken-50: black;
  --black-darken-60: black;
  --black-darken-70: black;
  --black-darken-80: black;
  --black-darken-90: black;
  --black-darken-100: black;
  --black-lighten-10: rgb(25.5, 25.5, 25.5);
  --black-lighten-20: #333333;
  --black-lighten-30: rgb(76.5, 76.5, 76.5);
  --black-lighten-40: #666666;
  --black-lighten-50: rgb(127.5, 127.5, 127.5);
  --black-lighten-60: #999999;
  --black-lighten-70: rgb(178.5, 178.5, 178.5);
  --black-lighten-80: #cccccc;
  --black-lighten-90: rgb(229.5, 229.5, 229.5);
  --black-lighten-100: white;
  --black-opacity-90: rgba(0, 0, 0, 0.9);
  --black-opacity-80: rgba(0, 0, 0, 0.8);
  --black-opacity-70: rgba(0, 0, 0, 0.7);
  --black-opacity-60: rgba(0, 0, 0, 0.6);
  --black-opacity-50: rgba(0, 0, 0, 0.5);
  --black-opacity-40: rgba(0, 0, 0, 0.4);
  --black-opacity-30: rgba(0, 0, 0, 0.3);
  --black-opacity-20: rgba(0, 0, 0, 0.2);
  --black-opacity-10: rgba(0, 0, 0, 0.1);
  --black-opacity-0: rgba(0, 0, 0, 0);
  --white: #fff;
  --white-darken-10: rgb(229.5, 229.5, 229.5);
  --white-darken-20: #cccccc;
  --white-darken-30: rgb(178.5, 178.5, 178.5);
  --white-darken-40: #999999;
  --white-darken-50: rgb(127.5, 127.5, 127.5);
  --white-darken-60: #666666;
  --white-darken-70: rgb(76.5, 76.5, 76.5);
  --white-darken-80: #333333;
  --white-darken-90: rgb(25.5, 25.5, 25.5);
  --white-darken-100: black;
  --white-lighten-10: white;
  --white-lighten-20: white;
  --white-lighten-30: white;
  --white-lighten-40: white;
  --white-lighten-50: white;
  --white-lighten-60: white;
  --white-lighten-70: white;
  --white-lighten-80: white;
  --white-lighten-90: white;
  --white-lighten-100: white;
  --white-opacity-90: rgba(255, 255, 255, 0.9);
  --white-opacity-80: rgba(255, 255, 255, 0.8);
  --white-opacity-70: rgba(255, 255, 255, 0.7);
  --white-opacity-60: rgba(255, 255, 255, 0.6);
  --white-opacity-50: rgba(255, 255, 255, 0.5);
  --white-opacity-40: rgba(255, 255, 255, 0.4);
  --white-opacity-30: rgba(255, 255, 255, 0.3);
  --white-opacity-20: rgba(255, 255, 255, 0.2);
  --white-opacity-10: rgba(255, 255, 255, 0.1);
  --white-opacity-0: rgba(255, 255, 255, 0);
}

.light {
  --image-logo-main: url(/images/logo/logo-main.svg);
  --image-logo-contrast: url(/images/logo/logo-contrast.svg);
  --shadow-m: 0 4px 20px var(--black-opacity-10);
  --content-main-primary: var(--main);
  --content-main-foreground: var(--contrast);
  --content-main-initial: var(--main);
  --content-main-hover: var(--accent);
  --content-main-active: var(--accent);
  --content-utility-primary: var(--utility);
  --content-utility-initial: var(--utility);
  --content-utility-hover: var(--accent);
  --content-utility-active: var(--accent);
  --content-utility-foreground: var(--contrast);
  --content-neutral-primary: var(--neutral);
  --content-neutral-initial: var(--neutral);
  --content-neutral-hover: var(--neutral-lighten-10);
  --content-neutral-active: var(--accent);
  --content-neutral-foreground: var(--main);
  --content-accent-primary: var(--accent);
  --content-accent-initial: var(--accent);
  --content-accent-hover: var(--accent-lighten-30);
  --content-accent-active: var(--accent);
  --content-accent-foreground: var(--contrast);
  --content-contrast-primary: var(--contrast);
  --content-contrast-initial: var(--contrast);
  --content-contrast-hover: var(--contrast-opacity-60);
  --content-contrast-active: var(--accent);
  --content-contrast-foreground: var(--main);
  --content-phantom-primary: var(--contrast-opacity-60);
  --content-phantom-initial: var(--contrast-opacity-60);
  --content-phantom-hover: var(--contrast);
  --content-phantom-active: var(--accent);
  --content-phantom-foreground: var(--main);
  --content-info-primary: var(--info);
  --content-info-initial: var(--info);
  --content-info-hover: var(--info-darken-30);
  --content-info-active: var(--info);
  --content-info-foreground: var(--contrast);
  --content-success-primary: var(--success);
  --content-success-initial: var(--success);
  --content-success-hover: var(--success-darken-30);
  --content-success-active: var(--success);
  --content-success-foreground: var(--contrast);
  --content-warning-primary: var(--warning);
  --content-warning-initial: var(--warning);
  --content-warning-hover: var(--warning-darken-30);
  --content-warning-active: var(--warning);
  --content-warning-foreground: var(--contrast);
  --content-danger-primary: var(--danger);
  --content-danger-initial: var(--danger);
  --content-danger-hover: var(--danger-darken-30);
  --content-danger-active: var(--danger);
  --content-danger-foreground: var(--contrast);
  --content-rating-primary: var(--rating);
  --content-rating-initial: var(--rating);
  --content-rating-hover: var(--rating-darken-30);
  --content-rating-active: var(--rating);
  --content-rating-foreground: var(--contrast);
  --content-vkontakte-primary: var(--vkontakte);
  --content-vkontakte-initial: var(--vkontakte);
  --content-vkontakte-hover: var(--vkontakte-darken-30);
  --content-vkontakte-active: var(--vkontakte);
  --content-vkontakte-foreground: var(--contrast);
  --content-telegram-primary: var(--telegram);
  --content-telegram-initial: var(--telegram);
  --content-telegram-hover: var(--telegram-darken-30);
  --content-telegram-active: var(--telegram);
  --content-telegram-foreground: var(--contrast);
  --content-youtube-primary: var(--youtube);
  --content-youtube-initial: var(--youtube);
  --content-youtube-hover: var(--youtube-darken-30);
  --content-youtube-active: var(--youtube);
  --content-youtube-foreground: var(--contrast);
  --content-odnoklassniki-primary: var(--odnoklassniki);
  --content-odnoklassniki-initial: var(--odnoklassniki);
  --content-odnoklassniki-hover: var(--odnoklassniki-darken-30);
  --content-odnoklassniki-active: var(--odnoklassniki);
  --content-odnoklassniki-foreground: var(--contrast);
  --surface-main-primary: var(--main);
  --surface-main-secondary: var(--main-opacity-20);
  --surface-main-initial: var(--main);
  --surface-main-hover: var(--main-lighten-20);
  --surface-main-active: var(--accent);
  --surface-main-ghost: var(--main-opacity-10);
  --surface-utility-primary: var(--utility);
  --surface-utility-initial: var(--utility);
  --surface-utility-hover: var(--utility-lighten-20);
  --surface-utility-active: var(--accent);
  --surface-utility-ghost: var(--utility-opacity-10);
  --surface-neutral-primary: var(--neutral);
  --surface-neutral-initial: var(--neutral);
  --surface-neutral-hover: var(--neutral-darken-10);
  --surface-neutral-active: var(--accent);
  --surface-neutral-ghost: var(--neutral-opacity-10);
  --surface-accent-primary: var(--accent);
  --surface-accent-initial: var(--accent);
  --surface-accent-hover: var(--accent-darken-20);
  --surface-accent-active: var(--accent);
  --surface-accent-ghost: var(--accent-opacity-10);
  --surface-contrast-primary: var(--contrast);
  --surface-contrast-initial: var(--contrast);
  --surface-contrast-hover: var(--contrast-opacity-60);
  --surface-contrast-active: var(--accent);
  --surface-contrast-ghost: var(--contrast-opacity-10);
  --surface-phantom-primary: var(--contrast-opacity-60);
  --surface-phantom-initial: var(--contrast-opacity-60);
  --surface-phantom-hover: var(--contrast);
  --surface-phantom-active: var(--accent);
  --surface-phantom-ghost: var(--contrast-opacity-10);
  --surface-info-primary: var(--info);
  --surface-info-initial: var(--info);
  --surface-info-hover: var(--info-darken-20);
  --surface-info-active: var(--info);
  --surface-info-ghost: var(--info-opacity-10);
  --surface-success-primary: var(--success);
  --surface-success-initial: var(--success);
  --surface-success-hover: var(--success-darken-20);
  --surface-success-active: var(--success);
  --surface-success-ghost: var(--success-opacity-10);
  --surface-warning-primary: var(--warning);
  --surface-warning-initial: var(--warning);
  --surface-warning-hover: var(--warning-darken-20);
  --surface-warning-active: var(--warning);
  --surface-warning-ghost: var(--warning-opacity-10);
  --surface-danger-primary: var(--danger);
  --surface-danger-initial: var(--danger);
  --surface-danger-hover: var(--danger-darken-20);
  --surface-danger-active: var(--danger);
  --surface-danger-ghost: var(--danger-opacity-10);
  --surface-rating-primary: var(--rating);
  --surface-rating-initial: var(--rating);
  --surface-rating-hover: var(--rating-darken-20);
  --surface-rating-active: var(--rating);
  --surface-rating-ghost: var(--rating-opacity-10);
  --surface-vkontakte-primary: var(--vkontakte);
  --surface-vkontakte-initial: var(--vkontakte);
  --surface-vkontakte-hover: var(--vkontakte-darken-20);
  --surface-vkontakte-active: var(--vkontakte);
  --surface-vkontakte-ghost: var(--vkontakte-opacity-10);
  --surface-telegram-primary: var(--telegram);
  --surface-telegram-initial: var(--telegram);
  --surface-telegram-hover: var(--telegram-darken-20);
  --surface-telegram-active: var(--telegram);
  --surface-telegram-ghost: var(--telegram-opacity-10);
  --surface-youtube-primary: var(--youtube);
  --surface-youtube-initial: var(--youtube);
  --surface-youtube-hover: var(--youtube-darken-20);
  --surface-youtube-active: var(--youtube);
  --surface-youtube-ghost: var(--youtube-opacity-10);
  --surface-odnoklassniki-primary: var(--odnoklassniki);
  --surface-odnoklassniki-initial: var(--odnoklassniki);
  --surface-odnoklassniki-hover: var(--odnoklassniki-darken-20);
  --surface-odnoklassniki-active: var(--odnoklassniki);
  --surface-odnoklassniki-ghost: var(--odnoklassniki-opacity-10);
  --transparent: var(--contrast-opacity-0);
  --overlay-100: var(--main);
  --overlay-90: var(--main-opacity-90);
  --overlay-80: var(--main-opacity-80);
  --overlay-70: var(--main-opacity-70);
  --overlay-60: var(--main-opacity-60);
  --overlay-50: var(--main-opacity-50);
  --overlay-40: var(--main-opacity-40);
  --overlay-30: var(--main-opacity-30);
  --overlay-20: var(--main-opacity-20);
  --overlay-10: var(--main-opacity-10);
  --overlay-0: var(--main-opacity-0);
}

.dark {
  --image-logo-main: url(/images/logo/logo-contrast.svg);
  --image-logo-contrast: url(/images/logo/logo-contrast.svg);
  --shadow-m: 0 4px 20px var(--contrast-opacity-10);
  --content-main-primary: var(--contrast);
  --content-main-foreground: var(--main);
  --content-main-initial: var(--contrast);
  --content-main-hover: var(--accent);
  --content-main-active: var(--accent);
  --content-utility-primary: var(--contrast-opacity-60);
  --content-utility-initial: var(--contrast-opacity-60);
  --content-utility-hover: var(--accent);
  --content-utility-active: var(--accent);
  --content-utility-foreground: var(--contrast);
  --content-neutral-primary: var(--contrast-opacity-60);
  --content-neutral-initial: var(--contrast-opacity-60);
  --content-neutral-hover: var(--contrast);
  --content-neutral-active: var(--accent);
  --content-neutral-foreground: var(--contrast);
  --content-accent-primary: var(--accent);
  --content-accent-initial: var(--accent);
  --content-accent-hover: var(--accent-lighten-80);
  --content-accent-active: var(--accent);
  --content-accent-foreground: var(--contrast);
  --content-contrast-primary: var(--contrast);
  --content-contrast-initial: var(--contrast);
  --content-contrast-hover: var(--contrast-opacity-60);
  --content-contrast-active: var(--accent);
  --content-contrast-foreground: var(--contrast);
  --content-phantom-primary: var(--contrast-opacity-60);
  --content-phantom-initial: var(--contrast-opacity-60);
  --content-phantom-hover: var(--contrast);
  --content-phantom-active: var(--accent);
  --content-phantom-foreground: var(--main);
  --content-info-primary: var(--info);
  --content-info-initial: var(--info);
  --content-info-hover: var(--info-lighten-30);
  --content-info-active: var(--info);
  --content-info-foreground: var(--contrast);
  --content-success-primary: var(--success);
  --content-success-initial: var(--success);
  --content-success-hover: var(--success-lighten-30);
  --content-success-active: var(--success);
  --content-success-foreground: var(--contrast);
  --content-warning-primary: var(--warning);
  --content-warning-initial: var(--warning);
  --content-warning-hover: var(--warning-lighten-30);
  --content-warning-active: var(--warning);
  --content-warning-foreground: var(--contrast);
  --content-danger-primary: var(--danger-lighten-10);
  --content-danger-initial: var(--danger-lighten-10);
  --content-danger-hover: var(--danger-lighten-30);
  --content-danger-active: var(--danger-lighten-10);
  --content-danger-foreground: var(--contrast);
  --content-rating-primary: var(--rating);
  --content-rating-initial: var(--rating);
  --content-rating-hover: var(--rating-lighten-30);
  --content-rating-active: var(--rating);
  --content-rating-foreground: var(--contrast);
  --content-vkontakte-primary: var(--vkontakte);
  --content-vkontakte-initial: var(--vkontakte);
  --content-vkontakte-hover: var(--vkontakte-lighten-30);
  --content-vkontakte-active: var(--vkontakte);
  --content-vkontakte-foreground: var(--contrast);
  --content-telegram-primary: var(--telegram);
  --content-telegram-initial: var(--telegram);
  --content-telegram-hover: var(--telegram-lighten-30);
  --content-telegram-active: var(--telegram);
  --content-telegram-foreground: var(--contrast);
  --content-youtube-primary: var(--youtube);
  --content-youtube-initial: var(--youtube);
  --content-youtube-hover: var(--youtube-lighten-30);
  --content-youtube-active: var(--youtube);
  --content-youtube-foreground: var(--contrast);
  --content-odnoklassniki-primary: var(--odnoklassniki);
  --content-odnoklassniki-initial: var(--odnoklassniki);
  --content-odnoklassniki-hover: var(--odnoklassniki-lighten-30);
  --content-odnoklassniki-active: var(--odnoklassniki);
  --content-odnoklassniki-foreground: var(--contrast);
  --surface-main-primary: var(--main);
  --surface-main-secondary: var(--contrast-opacity-30);
  --surface-main-initial: var(--contrast);
  --surface-main-hover: var(--main-lighten-80);
  --surface-main-active: var(--accent);
  --surface-main-ghost: var(--main-opacity-10);
  --surface-utility-primary: var(--utility);
  --surface-utility-initial: var(--main-lighten-10);
  --surface-utility-hover: var(--main-lighten-20);
  --surface-utility-active: var(--accent);
  --surface-utility-ghost: var(--utility-opacity-10);
  --surface-neutral-primary: var(--main-lighten-10);
  --surface-neutral-initial: var(--main-lighten-10);
  --surface-neutral-hover: var(--main-lighten-20);
  --surface-neutral-active: var(--accent);
  --surface-neutral-ghost: var(--neutral-opacity-10);
  --surface-accent-primary: var(--accent-darken-10);
  --surface-accent-initial: var(--accent-darken-10);
  --surface-accent-hover: var(--accent-darken-30);
  --surface-accent-active: var(--accent-darken-10);
  --surface-accent-ghost: var(--accent-opacity-10);
  --surface-contrast-primary: var(--main);
  --surface-contrast-initial: var(--main);
  --surface-contrast-hover: var(--main-darken-20);
  --surface-contrast-active: var(--accent);
  --surface-contrast-ghost: var(--contrast-opacity-10);
  --surface-phantom-primary: var(--contrast-opacity-60);
  --surface-phantom-initial: var(--contrast-opacity-60);
  --surface-phantom-hover: var(--contrast);
  --surface-phantom-active: var(--accent);
  --surface-phantom-ghost: var(--contrast-opacity-10);
  --surface-info-primary: var(--info-darken-10);
  --surface-info-initial: var(--info-darken-10);
  --surface-info-hover: var(--info);
  --surface-info-active: var(--info-darken-10);
  --surface-info-ghost: var(--info-opacity-10);
  --surface-success-primary: var(--success-darken-10);
  --surface-success-initial: var(--success-darken-10);
  --surface-success-hover: var(--success);
  --surface-success-active: var(--success-darken-10);
  --surface-success-ghost: var(--success-opacity-10);
  --surface-warning-primary: var(--warning-darken-10);
  --surface-warning-initial: var(--warning-darken-10);
  --surface-warning-hover: var(--warning);
  --surface-warning-active: var(--warning-darken-10);
  --surface-warning-ghost: var(--warning-opacity-10);
  --surface-danger-primary: var(--danger-darken-10);
  --surface-danger-initial: var(--danger-darken-10);
  --surface-danger-hover: var(--danger);
  --surface-danger-active: var(--danger-darken-10);
  --surface-danger-ghost: var(--danger-opacity-10);
  --surface-rating-primary: var(--rating-darken-10);
  --surface-rating-initial: var(--rating-darken-10);
  --surface-rating-hover: var(--rating);
  --surface-rating-active: var(--rating-darken-10);
  --surface-rating-ghost: var(--rating-opacity-10);
  --surface-vkontakte-primary: var(--vkontakte-darken-10);
  --surface-vkontakte-initial: var(--vkontakte-darken-10);
  --surface-vkontakte-hover: var(--vkontakte-darken-30);
  --surface-vkontakte-active: var(--vkontakte-darken-10);
  --surface-vkontakte-ghost: var(--vkontakte-opacity-10);
  --surface-telegram-primary: var(--telegram-darken-10);
  --surface-telegram-initial: var(--telegram-darken-10);
  --surface-telegram-hover: var(--telegram-darken-30);
  --surface-telegram-active: var(--telegram-darken-10);
  --surface-telegram-ghost: var(--telegram-opacity-10);
  --surface-youtube-primary: var(--youtube-darken-10);
  --surface-youtube-initial: var(--youtube-darken-10);
  --surface-youtube-hover: var(--youtube-darken-30);
  --surface-youtube-active: var(--youtube-darken-10);
  --surface-youtube-ghost: var(--youtube-opacity-10);
  --surface-odnoklassniki-primary: var(--odnoklassniki-darken-10);
  --surface-odnoklassniki-initial: var(--odnoklassniki-darken-10);
  --surface-odnoklassniki-hover: var(--odnoklassniki-darken-30);
  --surface-odnoklassniki-active: var(--odnoklassniki-darken-10);
  --surface-odnoklassniki-ghost: var(--odnoklassniki-opacity-10);
  --transparent: var(--black-opacity-0);
  --overlay-100: var(--black);
  --overlay-90: var(--black-opacity-70);
  --overlay-80: var(--black-opacity-60);
  --overlay-70: var(--black-opacity-50);
  --overlay-60: var(--black-opacity-40);
  --overlay-50: var(--black-opacity-30);
  --overlay-40: var(--black-opacity-20);
  --overlay-30: var(--black-opacity-20);
  --overlay-20: var(--black-opacity-10);
  --overlay-10: var(--black-opacity-10);
  --overlay-0: var(--black-opacity-0);
}