@charset "UTF-8";

/* sites/dsadie/client/style.scss */
:root {
  --grey-50: #fafafa;
  --grey-100: #f5f5f5;
  --grey-200: #eeeeee;
  --grey-300: #e0e0e0;
  --grey-400: #bdbdbd;
  --grey-500: #9e9e9e;
  --grey-600: #757575;
  --grey-700: #616161;
  --grey-800: #424242;
  --grey-900: #212121;
  --red-50: rgba(253, 224, 220, 1);
  --red-100: rgba(249, 189, 187, 1);
  --red-200: rgba(246, 153, 136, 1);
  --red-300: rgba(243, 108, 96, 1);
  --red-400: rgba(232, 78, 64, 1);
  --red-500: rgba(229, 28, 35, 1);
  --red-600: rgba(221, 25, 29, 1);
  --red-700: rgba(208, 23, 22, 1);
  --red-800: rgba(196, 20, 17, 1);
  --red-900: rgba(176, 18, 10, 1);
  --red-a100: rgba(255, 121, 151, 1);
  --red-a200: rgba(255, 81, 119, 1);
  --red-a400: rgba(255, 45, 111, 1);
  --red-a700: rgba(224, 0, 50, 1);
  --pink-50: rgba(252, 228, 236, 1);
  --pink-100: rgba(248, 187, 208, 1);
  --pink-200: rgba(244, 143, 177, 1);
  --pink-300: rgba(240, 98, 146, 1);
  --pink-400: rgba(236, 64, 122, 1);
  --pink-500: rgba(233, 30, 99, 1);
  --pink-600: rgba(216, 27, 96, 1);
  --pink-700: rgba(194, 24, 91, 1);
  --pink-800: rgba(173, 20, 87, 1);
  --pink-900: rgba(136, 14, 79, 1);
  --pink-a100: rgba(255, 128, 171, 1);
  --pink-a200: rgba(255, 64, 129, 1);
  --pink-a400: rgba(245, 0, 87, 1);
  --pink-a700: rgba(197, 17, 98, 1);
  --purple-50: rgba(243, 229, 245, 1);
  --purple-100: rgba(225, 190, 231, 1);
  --purple-200: rgba(206, 147, 216, 1);
  --purple-300: rgba(186, 104, 200, 1);
  --purple-400: rgba(171, 71, 188, 1);
  --purple-500: rgba(156, 39, 176, 1);
  --purple-600: rgba(142, 36, 170, 1);
  --purple-700: rgba(123, 31, 162, 1);
  --purple-800: rgba(106, 27, 154, 1);
  --purple-900: rgba(74, 20, 140, 1);
  --purple-a100: rgba(234, 128, 252, 1);
  --purple-a200: rgba(224, 64, 251, 1);
  --purple-a400: rgba(213, 0, 249, 1);
  --purple-a700: rgba(170, 0, 255, 1);
  --deep-purple-50: rgba(237, 231, 246, 1);
  --deep-purple-100: rgba(209, 196, 233, 1);
  --deep-purple-200: rgba(179, 157, 219, 1);
  --deep-purple-300: rgba(149, 117, 205, 1);
  --deep-purple-400: rgba(126, 87, 194, 1);
  --deep-purple-500: rgba(103, 58, 183, 1);
  --deep-purple-600: rgba(94, 53, 177, 1);
  --deep-purple-700: rgba(81, 45, 168, 1);
  --deep-purple-800: rgba(69, 39, 160, 1);
  --deep-purple-900: rgba(49, 27, 146, 1);
  --deep-purple-a100: rgba(179, 136, 255, 1);
  --deep-purple-a200: rgba(124, 77, 255, 1);
  --deep-purple-a400: rgba(101, 31, 255, 1);
  --deep-purple-a700: rgba(98, 0, 234, 1);
  --indigo-50: rgba(232, 234, 246, 1);
  --indigo-100: rgba(197, 202, 233, 1);
  --indigo-200: rgba(159, 168, 218, 1);
  --indigo-300: rgba(121, 134, 203, 1);
  --indigo-400: rgba(92, 107, 192, 1);
  --indigo-500: rgba(63, 81, 181, 1);
  --indigo-600: rgba(57, 73, 171, 1);
  --indigo-700: rgba(48, 63, 159, 1);
  --indigo-800: rgba(40, 53, 147, 1);
  --indigo-900: rgba(26, 35, 126, 1);
  --indigo-a100: rgba(140, 158, 255, 1);
  --indigo-a200: rgba(83, 109, 254, 1);
  --indigo-a400: rgba(61, 90, 254, 1);
  --indigo-a700: rgba(48, 79, 254, 1);
  --blue-50: rgba(231, 233, 253, 1);
  --blue-100: rgba(208, 217, 255, 1);
  --blue-200: rgba(175, 191, 255, 1);
  --blue-300: rgba(145, 167, 255, 1);
  --blue-400: rgba(115, 143, 254, 1);
  --blue-500: rgba(86, 119, 252, 1);
  --blue-600: rgba(78, 108, 239, 1);
  --blue-700: rgba(69, 94, 222, 1);
  --blue-800: rgba(59, 80, 206, 1);
  --blue-900: rgba(42, 54, 177, 1);
  --blue-a100: rgba(166, 186, 255, 1);
  --blue-a200: rgba(104, 137, 255, 1);
  --blue-a400: rgba(77, 115, 255, 1);
  --blue-a700: rgba(77, 105, 255, 1);
  --light-blue-50: rgba(225, 245, 254, 1);
  --light-blue-100: rgba(179, 229, 252, 1);
  --light-blue-200: rgba(129, 212, 250, 1);
  --light-blue-300: rgba(79, 195, 247, 1);
  --light-blue-400: rgba(41, 182, 246, 1);
  --light-blue-500: rgba(3, 169, 244, 1);
  --light-blue-600: rgba(3, 155, 229, 1);
  --light-blue-700: rgba(2, 136, 209, 1);
  --light-blue-800: rgba(2, 119, 189, 1);
  --light-blue-900: rgba(1, 87, 155, 1);
  --light-blue-a100: rgba(128, 216, 255, 1);
  --light-blue-a200: rgba(64, 196, 255, 1);
  --light-blue-a400: rgba(0, 176, 255, 1);
  --light-blue-a700: rgba(0, 145, 234, 1);
  --cyan-50: rgba(224, 247, 250, 1);
  --cyan-100: rgba(178, 235, 242, 1);
  --cyan-200: rgba(128, 222, 234, 1);
  --cyan-300: rgba(77, 208, 225, 1);
  --cyan-400: rgba(38, 198, 218, 1);
  --cyan-500: rgba(0, 188, 212, 1);
  --cyan-600: rgba(0, 172, 193, 1);
  --cyan-700: rgba(0, 151, 167, 1);
  --cyan-800: rgba(0, 131, 143, 1);
  --cyan-900: rgba(0, 96, 100, 1);
  --cyan-a100: rgba(132, 255, 255, 1);
  --cyan-a200: rgba(24, 255, 255, 1);
  --cyan-a400: rgba(0, 229, 255, 1);
  --cyan-a700: rgba(0, 184, 212, 1);
  --teal-50: rgba(224, 242, 241, 1);
  --teal-100: rgba(178, 223, 219, 1);
  --teal-200: rgba(128, 203, 196, 1);
  --teal-300: rgba(77, 182, 172, 1);
  --teal-400: rgba(38, 166, 154, 1);
  --teal-500: rgba(0, 150, 136, 1);
  --teal-600: rgba(0, 137, 123, 1);
  --teal-700: rgba(0, 121, 107, 1);
  --teal-800: rgba(0, 105, 92, 1);
  --teal-900: rgba(0, 77, 64, 1);
  --teal-a100: rgba(167, 255, 235, 1);
  --teal-a200: rgba(100, 255, 218, 1);
  --teal-a400: rgba(29, 233, 182, 1);
  --teal-a700: rgba(0, 191, 165, 1);
  --green-50: rgba(208, 248, 206, 1);
  --green-100: rgba(163, 233, 164, 1);
  --green-200: rgba(114, 213, 114, 1);
  --green-300: rgba(66, 189, 65, 1);
  --green-400: rgba(43, 175, 43, 1);
  --green-500: rgba(37, 155, 36, 1);
  --green-600: rgba(10, 143, 8, 1);
  --green-700: rgba(10, 126, 7, 1);
  --green-800: rgba(5, 111, 0, 1);
  --green-900: rgba(13, 83, 2, 1);
  --green-a100: rgba(162, 247, 141, 1);
  --green-a200: rgba(90, 241, 88, 1);
  --green-a400: rgba(20, 231, 21, 1);
  --green-a700: rgba(18, 199, 0, 1);
  --light-green-50: rgba(241, 248, 233, 1);
  --light-green-100: rgba(220, 237, 200, 1);
  --light-green-200: rgba(197, 225, 165, 1);
  --light-green-300: rgba(174, 213, 129, 1);
  --light-green-400: rgba(156, 204, 101, 1);
  --light-green-500: rgba(139, 195, 74, 1);
  --light-green-600: rgba(124, 179, 66, 1);
  --light-green-700: rgba(104, 159, 56, 1);
  --light-green-800: rgba(85, 139, 47, 1);
  --light-green-900: rgba(51, 105, 30, 1);
  --light-green-a100: rgba(204, 255, 144, 1);
  --light-green-a200: rgba(178, 255, 89, 1);
  --light-green-a400: rgba(118, 255, 3, 1);
  --light-green-a700: rgba(100, 221, 23, 1);
  --lime-50: rgba(249, 251, 231, 1);
  --lime-100: rgba(240, 244, 195, 1);
  --lime-200: rgba(230, 238, 156, 1);
  --lime-300: rgba(220, 231, 117, 1);
  --lime-400: rgba(212, 225, 87, 1);
  --lime-500: rgba(205, 220, 57, 1);
  --lime-600: rgba(192, 202, 51, 1);
  --lime-700: rgba(175, 180, 43, 1);
  --lime-800: rgba(158, 157, 36, 1);
  --lime-900: rgba(130, 119, 23, 1);
  --lime-a100: rgba(244, 255, 129, 1);
  --lime-a200: rgba(238, 255, 65, 1);
  --lime-a400: rgba(198, 255, 0, 1);
  --lime-a700: rgba(174, 234, 0, 1);
  --yellow-50: rgba(255, 253, 231, 1);
  --yellow-100: rgba(255, 249, 196, 1);
  --yellow-200: rgba(255, 245, 157, 1);
  --yellow-300: rgba(255, 241, 118, 1);
  --yellow-400: rgba(255, 238, 88, 1);
  --yellow-500: rgba(255, 235, 59, 1);
  --yellow-600: rgba(253, 216, 53, 1);
  --yellow-700: rgba(251, 192, 45, 1);
  --yellow-800: rgba(249, 168, 37, 1);
  --yellow-900: rgba(245, 127, 23, 1);
  --yellow-a100: rgba(255, 255, 141, 1);
  --yellow-a200: rgba(255, 255, 0, 1);
  --yellow-a400: rgba(255, 234, 0, 1);
  --yellow-a700: rgba(255, 214, 0, 1);
  --amber-50: rgba(255, 248, 225, 1);
  --amber-100: rgba(255, 236, 179, 1);
  --amber-200: rgba(255, 224, 130, 1);
  --amber-300: rgba(255, 213, 79, 1);
  --amber-400: rgba(255, 202, 40, 1);
  --amber-500: rgba(255, 193, 7, 1);
  --amber-600: rgba(255, 179, 0, 1);
  --amber-700: rgba(255, 160, 0, 1);
  --amber-800: rgba(255, 143, 0, 1);
  --amber-900: rgba(255, 111, 0, 1);
  --amber-a100: rgba(255, 229, 127, 1);
  --amber-a200: rgba(255, 215, 64, 1);
  --amber-a400: rgba(255, 196, 0, 1);
  --amber-a700: rgba(255, 171, 0, 1);
  --orange-50: rgba(255, 243, 224, 1);
  --orange-100: rgba(255, 224, 178, 1);
  --orange-200: rgba(255, 204, 128, 1);
  --orange-300: rgba(255, 183, 77, 1);
  --orange-400: rgba(255, 167, 38, 1);
  --orange-500: rgba(255, 152, 0, 1);
  --orange-600: rgba(251, 140, 0, 1);
  --orange-700: rgba(245, 124, 0, 1);
  --orange-800: rgba(239, 108, 0, 1);
  --orange-900: rgba(230, 81, 0, 1);
  --orange-a100: rgba(255, 209, 128, 1);
  --orange-a200: rgba(255, 171, 64, 1);
  --orange-a400: rgba(255, 145, 0, 1);
  --orange-a700: rgba(255, 109, 0, 1);
  --deep-orange-50: rgba(251, 233, 231, 1);
  --deep-orange-100: rgba(255, 204, 188, 1);
  --deep-orange-200: rgba(255, 171, 145, 1);
  --deep-orange-300: rgba(255, 138, 101, 1);
  --deep-orange-400: rgba(255, 112, 67, 1);
  --deep-orange-500: rgba(255, 87, 34, 1);
  --deep-orange-600: rgba(244, 81, 30, 1);
  --deep-orange-700: rgba(230, 74, 25, 1);
  --deep-orange-800: rgba(216, 67, 21, 1);
  --deep-orange-900: rgba(191, 54, 12, 1);
  --deep-orange-a100: rgba(255, 158, 128, 1);
  --deep-orange-a200: rgba(255, 110, 64, 1);
  --deep-orange-a400: rgba(255, 61, 0, 1);
  --deep-orange-a700: rgba(221, 44, 0, 1);
  --brown-50: rgba(239, 235, 233, 1);
  --brown-100: rgba(215, 204, 200, 1);
  --brown-200: rgba(188, 170, 164, 1);
  --brown-300: rgba(161, 136, 127, 1);
  --brown-400: rgba(141, 110, 99, 1);
  --brown-500: rgba(121, 85, 72, 1);
  --brown-600: rgba(109, 76, 65, 1);
  --brown-700: rgba(93, 64, 55, 1);
  --brown-800: rgba(78, 52, 46, 1);
  --brown-900: rgba(62, 39, 35, 1);
  --grey-50: rgba(250, 250, 250, 1);
  --grey-100: rgba(245, 245, 245, 1);
  --grey-200: rgba(238, 238, 238, 1);
  --grey-300: rgba(224, 224, 224, 1);
  --grey-400: rgba(189, 189, 189, 1);
  --grey-500: rgba(158, 158, 158, 1);
  --grey-600: rgba(117, 117, 117, 1);
  --grey-700: rgba(97, 97, 97, 1);
  --grey-800: rgba(66, 66, 66, 1);
  --grey-900: rgba(33, 33, 33, 1);
  --grey-1000: rgba(255, 255, 255, 1);
  --blue-grey-50: rgba(236, 239, 241, 1);
  --blue-grey-100: rgba(207, 216, 220, 1);
  --blue-grey-200: rgba(176, 190, 197, 1);
  --blue-grey-300: rgba(144, 164, 174, 1);
  --blue-grey-400: rgba(120, 144, 156, 1);
  --blue-grey-500: rgba(96, 125, 139, 1);
  --blue-grey-600: rgba(84, 110, 122, 1);
  --blue-grey-700: rgba(69, 90, 100, 1);
  --blue-grey-800: rgba(55, 71, 79, 1);
  --blue-grey-900: rgba(38, 50, 56, 1);
  --surface-0-high: rgba(0, 0, 0, 0.07) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  --surface-1-high: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px, rgba(0, 0, 0, 0.24) 0px 1px 3px 1px;
  --surface-2-high: rgba(0, 0, 0, 0.13) 0px 1px 2px 0px, rgba(0, 0, 0, 0.23) 0px 2px 6px 2px;
  --surface-3-high: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  --surface-4-high: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  --surface-5-high: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  --surface-6-high: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
:root {
  --grey-50: #fafafa;
  --grey-100: #f5f5f5;
  --grey-200: #eeeeee;
  --grey-300: #e0e0e0;
  --grey-400: #bdbdbd;
  --grey-500: #9e9e9e;
  --grey-600: #757575;
  --grey-700: #616161;
  --grey-800: #424242;
  --grey-900: #212121;
  --red-50: rgba(253, 224, 220, 1);
  --red-100: rgba(249, 189, 187, 1);
  --red-200: rgba(246, 153, 136, 1);
  --red-300: rgba(243, 108, 96, 1);
  --red-400: rgba(232, 78, 64, 1);
  --red-500: rgba(229, 28, 35, 1);
  --red-600: rgba(221, 25, 29, 1);
  --red-700: rgba(208, 23, 22, 1);
  --red-800: rgba(196, 20, 17, 1);
  --red-900: rgba(176, 18, 10, 1);
  --red-a100: rgba(255, 121, 151, 1);
  --red-a200: rgba(255, 81, 119, 1);
  --red-a400: rgba(255, 45, 111, 1);
  --red-a700: rgba(224, 0, 50, 1);
  --pink-50: rgba(252, 228, 236, 1);
  --pink-100: rgba(248, 187, 208, 1);
  --pink-200: rgba(244, 143, 177, 1);
  --pink-300: rgba(240, 98, 146, 1);
  --pink-400: rgba(236, 64, 122, 1);
  --pink-500: rgba(233, 30, 99, 1);
  --pink-600: rgba(216, 27, 96, 1);
  --pink-700: rgba(194, 24, 91, 1);
  --pink-800: rgba(173, 20, 87, 1);
  --pink-900: rgba(136, 14, 79, 1);
  --pink-a100: rgba(255, 128, 171, 1);
  --pink-a200: rgba(255, 64, 129, 1);
  --pink-a400: rgba(245, 0, 87, 1);
  --pink-a700: rgba(197, 17, 98, 1);
  --purple-50: rgba(243, 229, 245, 1);
  --purple-100: rgba(225, 190, 231, 1);
  --purple-200: rgba(206, 147, 216, 1);
  --purple-300: rgba(186, 104, 200, 1);
  --purple-400: rgba(171, 71, 188, 1);
  --purple-500: rgba(156, 39, 176, 1);
  --purple-600: rgba(142, 36, 170, 1);
  --purple-700: rgba(123, 31, 162, 1);
  --purple-800: rgba(106, 27, 154, 1);
  --purple-900: rgba(74, 20, 140, 1);
  --purple-a100: rgba(234, 128, 252, 1);
  --purple-a200: rgba(224, 64, 251, 1);
  --purple-a400: rgba(213, 0, 249, 1);
  --purple-a700: rgba(170, 0, 255, 1);
  --deep-purple-50: rgba(237, 231, 246, 1);
  --deep-purple-100: rgba(209, 196, 233, 1);
  --deep-purple-200: rgba(179, 157, 219, 1);
  --deep-purple-300: rgba(149, 117, 205, 1);
  --deep-purple-400: rgba(126, 87, 194, 1);
  --deep-purple-500: rgba(103, 58, 183, 1);
  --deep-purple-600: rgba(94, 53, 177, 1);
  --deep-purple-700: rgba(81, 45, 168, 1);
  --deep-purple-800: rgba(69, 39, 160, 1);
  --deep-purple-900: rgba(49, 27, 146, 1);
  --deep-purple-a100: rgba(179, 136, 255, 1);
  --deep-purple-a200: rgba(124, 77, 255, 1);
  --deep-purple-a400: rgba(101, 31, 255, 1);
  --deep-purple-a700: rgba(98, 0, 234, 1);
  --indigo-50: rgba(232, 234, 246, 1);
  --indigo-100: rgba(197, 202, 233, 1);
  --indigo-200: rgba(159, 168, 218, 1);
  --indigo-300: rgba(121, 134, 203, 1);
  --indigo-400: rgba(92, 107, 192, 1);
  --indigo-500: rgba(63, 81, 181, 1);
  --indigo-600: rgba(57, 73, 171, 1);
  --indigo-700: rgba(48, 63, 159, 1);
  --indigo-800: rgba(40, 53, 147, 1);
  --indigo-900: rgba(26, 35, 126, 1);
  --indigo-a100: rgba(140, 158, 255, 1);
  --indigo-a200: rgba(83, 109, 254, 1);
  --indigo-a400: rgba(61, 90, 254, 1);
  --indigo-a700: rgba(48, 79, 254, 1);
  --blue-50: rgba(231, 233, 253, 1);
  --blue-100: rgba(208, 217, 255, 1);
  --blue-200: rgba(175, 191, 255, 1);
  --blue-300: rgba(145, 167, 255, 1);
  --blue-400: rgba(115, 143, 254, 1);
  --blue-500: rgba(86, 119, 252, 1);
  --blue-600: rgba(78, 108, 239, 1);
  --blue-700: rgba(69, 94, 222, 1);
  --blue-800: rgba(59, 80, 206, 1);
  --blue-900: rgba(42, 54, 177, 1);
  --blue-a100: rgba(166, 186, 255, 1);
  --blue-a200: rgba(104, 137, 255, 1);
  --blue-a400: rgba(77, 115, 255, 1);
  --blue-a700: rgba(77, 105, 255, 1);
  --light-blue-50: rgba(225, 245, 254, 1);
  --light-blue-100: rgba(179, 229, 252, 1);
  --light-blue-200: rgba(129, 212, 250, 1);
  --light-blue-300: rgba(79, 195, 247, 1);
  --light-blue-400: rgba(41, 182, 246, 1);
  --light-blue-500: rgba(3, 169, 244, 1);
  --light-blue-600: rgba(3, 155, 229, 1);
  --light-blue-700: rgba(2, 136, 209, 1);
  --light-blue-800: rgba(2, 119, 189, 1);
  --light-blue-900: rgba(1, 87, 155, 1);
  --light-blue-a100: rgba(128, 216, 255, 1);
  --light-blue-a200: rgba(64, 196, 255, 1);
  --light-blue-a400: rgba(0, 176, 255, 1);
  --light-blue-a700: rgba(0, 145, 234, 1);
  --cyan-50: rgba(224, 247, 250, 1);
  --cyan-100: rgba(178, 235, 242, 1);
  --cyan-200: rgba(128, 222, 234, 1);
  --cyan-300: rgba(77, 208, 225, 1);
  --cyan-400: rgba(38, 198, 218, 1);
  --cyan-500: rgba(0, 188, 212, 1);
  --cyan-600: rgba(0, 172, 193, 1);
  --cyan-700: rgba(0, 151, 167, 1);
  --cyan-800: rgba(0, 131, 143, 1);
  --cyan-900: rgba(0, 96, 100, 1);
  --cyan-a100: rgba(132, 255, 255, 1);
  --cyan-a200: rgba(24, 255, 255, 1);
  --cyan-a400: rgba(0, 229, 255, 1);
  --cyan-a700: rgba(0, 184, 212, 1);
  --teal-50: rgba(224, 242, 241, 1);
  --teal-100: rgba(178, 223, 219, 1);
  --teal-200: rgba(128, 203, 196, 1);
  --teal-300: rgba(77, 182, 172, 1);
  --teal-400: rgba(38, 166, 154, 1);
  --teal-500: rgba(0, 150, 136, 1);
  --teal-600: rgba(0, 137, 123, 1);
  --teal-700: rgba(0, 121, 107, 1);
  --teal-800: rgba(0, 105, 92, 1);
  --teal-900: rgba(0, 77, 64, 1);
  --teal-a100: rgba(167, 255, 235, 1);
  --teal-a200: rgba(100, 255, 218, 1);
  --teal-a400: rgba(29, 233, 182, 1);
  --teal-a700: rgba(0, 191, 165, 1);
  --green-50: rgba(208, 248, 206, 1);
  --green-100: rgba(163, 233, 164, 1);
  --green-200: rgba(114, 213, 114, 1);
  --green-300: rgba(66, 189, 65, 1);
  --green-400: rgba(43, 175, 43, 1);
  --green-500: rgba(37, 155, 36, 1);
  --green-600: rgba(10, 143, 8, 1);
  --green-700: rgba(10, 126, 7, 1);
  --green-800: rgba(5, 111, 0, 1);
  --green-900: rgba(13, 83, 2, 1);
  --green-a100: rgba(162, 247, 141, 1);
  --green-a200: rgba(90, 241, 88, 1);
  --green-a400: rgba(20, 231, 21, 1);
  --green-a700: rgba(18, 199, 0, 1);
  --light-green-50: rgba(241, 248, 233, 1);
  --light-green-100: rgba(220, 237, 200, 1);
  --light-green-200: rgba(197, 225, 165, 1);
  --light-green-300: rgba(174, 213, 129, 1);
  --light-green-400: rgba(156, 204, 101, 1);
  --light-green-500: rgba(139, 195, 74, 1);
  --light-green-600: rgba(124, 179, 66, 1);
  --light-green-700: rgba(104, 159, 56, 1);
  --light-green-800: rgba(85, 139, 47, 1);
  --light-green-900: rgba(51, 105, 30, 1);
  --light-green-a100: rgba(204, 255, 144, 1);
  --light-green-a200: rgba(178, 255, 89, 1);
  --light-green-a400: rgba(118, 255, 3, 1);
  --light-green-a700: rgba(100, 221, 23, 1);
  --lime-50: rgba(249, 251, 231, 1);
  --lime-100: rgba(240, 244, 195, 1);
  --lime-200: rgba(230, 238, 156, 1);
  --lime-300: rgba(220, 231, 117, 1);
  --lime-400: rgba(212, 225, 87, 1);
  --lime-500: rgba(205, 220, 57, 1);
  --lime-600: rgba(192, 202, 51, 1);
  --lime-700: rgba(175, 180, 43, 1);
  --lime-800: rgba(158, 157, 36, 1);
  --lime-900: rgba(130, 119, 23, 1);
  --lime-a100: rgba(244, 255, 129, 1);
  --lime-a200: rgba(238, 255, 65, 1);
  --lime-a400: rgba(198, 255, 0, 1);
  --lime-a700: rgba(174, 234, 0, 1);
  --yellow-50: rgba(255, 253, 231, 1);
  --yellow-100: rgba(255, 249, 196, 1);
  --yellow-200: rgba(255, 245, 157, 1);
  --yellow-300: rgba(255, 241, 118, 1);
  --yellow-400: rgba(255, 238, 88, 1);
  --yellow-500: rgba(255, 235, 59, 1);
  --yellow-600: rgba(253, 216, 53, 1);
  --yellow-700: rgba(251, 192, 45, 1);
  --yellow-800: rgba(249, 168, 37, 1);
  --yellow-900: rgba(245, 127, 23, 1);
  --yellow-a100: rgba(255, 255, 141, 1);
  --yellow-a200: rgba(255, 255, 0, 1);
  --yellow-a400: rgba(255, 234, 0, 1);
  --yellow-a700: rgba(255, 214, 0, 1);
  --amber-50: rgba(255, 248, 225, 1);
  --amber-100: rgba(255, 236, 179, 1);
  --amber-200: rgba(255, 224, 130, 1);
  --amber-300: rgba(255, 213, 79, 1);
  --amber-400: rgba(255, 202, 40, 1);
  --amber-500: rgba(255, 193, 7, 1);
  --amber-600: rgba(255, 179, 0, 1);
  --amber-700: rgba(255, 160, 0, 1);
  --amber-800: rgba(255, 143, 0, 1);
  --amber-900: rgba(255, 111, 0, 1);
  --amber-a100: rgba(255, 229, 127, 1);
  --amber-a200: rgba(255, 215, 64, 1);
  --amber-a400: rgba(255, 196, 0, 1);
  --amber-a700: rgba(255, 171, 0, 1);
  --orange-50: rgba(255, 243, 224, 1);
  --orange-100: rgba(255, 224, 178, 1);
  --orange-200: rgba(255, 204, 128, 1);
  --orange-300: rgba(255, 183, 77, 1);
  --orange-400: rgba(255, 167, 38, 1);
  --orange-500: rgba(255, 152, 0, 1);
  --orange-600: rgba(251, 140, 0, 1);
  --orange-700: rgba(245, 124, 0, 1);
  --orange-800: rgba(239, 108, 0, 1);
  --orange-900: rgba(230, 81, 0, 1);
  --orange-a100: rgba(255, 209, 128, 1);
  --orange-a200: rgba(255, 171, 64, 1);
  --orange-a400: rgba(255, 145, 0, 1);
  --orange-a700: rgba(255, 109, 0, 1);
  --deep-orange-50: rgba(251, 233, 231, 1);
  --deep-orange-100: rgba(255, 204, 188, 1);
  --deep-orange-200: rgba(255, 171, 145, 1);
  --deep-orange-300: rgba(255, 138, 101, 1);
  --deep-orange-400: rgba(255, 112, 67, 1);
  --deep-orange-500: rgba(255, 87, 34, 1);
  --deep-orange-600: rgba(244, 81, 30, 1);
  --deep-orange-700: rgba(230, 74, 25, 1);
  --deep-orange-800: rgba(216, 67, 21, 1);
  --deep-orange-900: rgba(191, 54, 12, 1);
  --deep-orange-a100: rgba(255, 158, 128, 1);
  --deep-orange-a200: rgba(255, 110, 64, 1);
  --deep-orange-a400: rgba(255, 61, 0, 1);
  --deep-orange-a700: rgba(221, 44, 0, 1);
  --brown-50: rgba(239, 235, 233, 1);
  --brown-100: rgba(215, 204, 200, 1);
  --brown-200: rgba(188, 170, 164, 1);
  --brown-300: rgba(161, 136, 127, 1);
  --brown-400: rgba(141, 110, 99, 1);
  --brown-500: rgba(121, 85, 72, 1);
  --brown-600: rgba(109, 76, 65, 1);
  --brown-700: rgba(93, 64, 55, 1);
  --brown-800: rgba(78, 52, 46, 1);
  --brown-900: rgba(62, 39, 35, 1);
  --grey-50: rgba(250, 250, 250, 1);
  --grey-100: rgba(245, 245, 245, 1);
  --grey-200: rgba(238, 238, 238, 1);
  --grey-300: rgba(224, 224, 224, 1);
  --grey-400: rgba(189, 189, 189, 1);
  --grey-500: rgba(158, 158, 158, 1);
  --grey-600: rgba(117, 117, 117, 1);
  --grey-700: rgba(97, 97, 97, 1);
  --grey-800: rgba(66, 66, 66, 1);
  --grey-900: rgba(33, 33, 33, 1);
  --grey-1000: rgba(255, 255, 255, 1);
  --blue-grey-50: rgba(236, 239, 241, 1);
  --blue-grey-100: rgba(207, 216, 220, 1);
  --blue-grey-200: rgba(176, 190, 197, 1);
  --blue-grey-300: rgba(144, 164, 174, 1);
  --blue-grey-400: rgba(120, 144, 156, 1);
  --blue-grey-500: rgba(96, 125, 139, 1);
  --blue-grey-600: rgba(84, 110, 122, 1);
  --blue-grey-700: rgba(69, 90, 100, 1);
  --blue-grey-800: rgba(55, 71, 79, 1);
  --blue-grey-900: rgba(38, 50, 56, 1);
  --surface-0-high: rgba(0, 0, 0, 0.07) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  --surface-1-high: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px, rgba(0, 0, 0, 0.24) 0px 1px 3px 1px;
  --surface-2-high: rgba(0, 0, 0, 0.13) 0px 1px 2px 0px, rgba(0, 0, 0, 0.23) 0px 2px 6px 2px;
  --surface-3-high: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  --surface-4-high: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  --surface-5-high: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  --surface-6-high: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
:root {
  --background-color: var(--grey-300);
  --text-color: black;
  --dim-text-color: var(--blue-200);
  --link-text-color: var(--deep-orange-800);
  --link-background-color: inherit;
  --link-hover-text-color: inherit;
  --link-hover-background-color: var(--deep-orange-400);
  --link-visited-text-color: var(--deep-orange-600);
  --link-visited-background-color: inherit;
  --button-background-color: var(--deep-orange-800);
  --button-text-color: var(--deep-orange-50);
  --button-hover-background-color: var(--deep-orange-700);
  --button-hover-text-color: var(--deep-orange-50);
  --button-active-background-color: var(--deep-orange-600);
  --button-active-text-color: var(--deep-orange-50);
  --header-background-color: var(--blue-800);
  --header-text-color: var(--blue-50);
  --sidebar-header-background-color: var(--blue-800);
  --sidebar-header-text-color: var(--blue-50);
  --sidebar-header-hover-text-color: var(--deep-orange-300);
  --sidebar-background-color: var(--blue-50);
  --sidebar-text-color: var(--blue-900);
  --sidebar-screen-color: var(--blue-900);
  --sidebar-border-color: var(--blue-100);
  --sidebar-shadow: 0px 5px 10px rgba(0, 0, 0, 50%);
  --card-type-text-color: var(--blue-900);
  --card-type-background-color: var(--blue-50);
  --surface-4-background-color: white;
  --surface-4-border-color: var(--gray-50);
  --surface-4-shadow: var(--surface-6-high);
  --surface-3-background-color: var(--grey-50);
  --surface-3-border-color: var(--gray-100);
  --surface-3-shadow: var(--surface-4-high);
  --surface-2-background-color: var(--grey-100);
  --surface-2-border-color: var(--grey-200);
  --surface-2-shadow: var(--surface-2-high);
  --surface-1-background-color: var(--grey-200);
  --surface-1-border-color: var(--grey-300);
  --surface-1-shadow: var(--surface-0-high);
  --danger-background-color: var(--red-100);
  --danger-text-color: var(--red-900);
  --danger-link-color: var(--red-700);
  --danger-link-hover-color: var(--red-500);
  --danger-border-color: var(--red-100);
  --warning-background-color: var(--warning-lightest);
  --warning-text-color: var(--warning-dark);
  --warning-link-color: var(--warning-darker);
  --warning-link-hover-color: var(--warning-darkest);
  --warning-border-color: var(--warning-base);
  --warning-shadow: 0px 2px 6px rgba(0, 0, 0, 50%);
  --line-height: 1.2;
  --reset-theme-display: none;
}
@media (prefers-color-scheme: dark) {
  :root {
    --background-color: var(--grey-900);
    --text-color: var(--grey-300);
    --dim-text-color: var(--grey-500);
    --link-text-color: var(--yellow-900);
    --link-background-color: inherit;
    --link-hover-text-color: black;
    --link-hover-background-color: var(--yellow-700);
    --link-visited-text-color: var(--yellow-800);
    --link-visited-background-color: inherit;
    --button-background-color: var(--yellow-800);
    --button-text-color: black;
    --button-hover-background-color: var(--yellow-600);
    --button-hover-text-color: black;
    --button-active-background-color: var(--yellow-600);
    --button-active-text-color: black;
    --header-background-color: var(--surface-3-background-color);
    --header-text-color: var(--blue-300);
    --sidebar-header-background-color: var(--grey-900);
    --sidebar-header-text-color: var(--blue-300);
    --sidebar-header-hover-text-color: var(--yellow-800);
    --sidebar-background-color: var(--grey-900);
    --sidebar-text-color: var(--blue-500);
    --sidebar-screen-color: var(--grey-900);
    --sidebar-border-color: var(--blue-700);
    --sidebar-shadow: 0px 5px 10px rgba(0, 0, 0, 50%);
    --card-type-text-color: var(--blue-100);
    --card-type-background-color: var(--blue-800);
    --surface-4-background-color: rgb(61, 61, 61);
    --surface-4-border-color: rgb(71, 71, 71);
    --surface-4-shadow: var(--surface-6-high);
    --surface-3-background-color: rgb(51, 51, 51);
    --surface-3-border-color: rgb(61, 61, 61);
    --surface-3-shadow: var(--surface-4-high);
    --surface-2-background-color: rgb(42, 42, 42);
    --surface-2-border-color: rgb(52, 52, 52);
    --surface-2-shadow: var(--surface-2-high);
    --surface-1-background-color: rgb(37, 37, 37);
    --surface-1-border-color: rgb(47, 47, 47);
    --surface-1-shadow: var(--surface-0-high);
    --danger-background-color: var(--red-900);
    --danger-text-color: var(--red-100);
    --danger-link-color: var(--red-300);
    --danger-link-hover-color: var(--red-500);
    --danger-border-color: var(--red-900);
    --warning-background-color: var(--warning-lightest);
    --warning-text-color: var(--warning-dark);
    --warning-link-color: var(--warning-darker);
    --warning-link-hover-color: var(--warning-darkest);
    --warning-border-color: var(--warning-base);
    --warning-shadow: 0px 2px 6px rgba(0, 0, 0, 50%);
    --line-height: 1.5;
    --blockquote-background-color: rgba(255, 255, 255, 4%);
    --blockquote-border-color: rgba(255, 255, 255, 8%);
  }
}
body[data-theme=light] {
  --background-color: var(--grey-300);
  --text-color: black;
  --dim-text-color: var(--blue-200);
  --link-text-color: var(--deep-orange-800);
  --link-background-color: inherit;
  --link-hover-text-color: inherit;
  --link-hover-background-color: var(--deep-orange-400);
  --link-visited-text-color: var(--deep-orange-600);
  --link-visited-background-color: inherit;
  --button-background-color: var(--deep-orange-800);
  --button-text-color: var(--deep-orange-50);
  --button-hover-background-color: var(--deep-orange-700);
  --button-hover-text-color: var(--deep-orange-50);
  --button-active-background-color: var(--deep-orange-600);
  --button-active-text-color: var(--deep-orange-50);
  --header-background-color: var(--blue-800);
  --header-text-color: var(--blue-50);
  --sidebar-header-background-color: var(--blue-800);
  --sidebar-header-text-color: var(--blue-50);
  --sidebar-header-hover-text-color: var(--deep-orange-300);
  --sidebar-background-color: var(--blue-50);
  --sidebar-text-color: var(--blue-900);
  --sidebar-screen-color: var(--blue-900);
  --sidebar-border-color: var(--blue-100);
  --sidebar-shadow: 0px 5px 10px rgba(0, 0, 0, 50%);
  --card-type-text-color: var(--blue-900);
  --card-type-background-color: var(--blue-50);
  --surface-4-background-color: white;
  --surface-4-border-color: var(--gray-50);
  --surface-4-shadow: var(--surface-6-high);
  --surface-3-background-color: var(--grey-50);
  --surface-3-border-color: var(--gray-100);
  --surface-3-shadow: var(--surface-4-high);
  --surface-2-background-color: var(--grey-100);
  --surface-2-border-color: var(--grey-200);
  --surface-2-shadow: var(--surface-2-high);
  --surface-1-background-color: var(--grey-200);
  --surface-1-border-color: var(--grey-300);
  --surface-1-shadow: var(--surface-0-high);
  --danger-background-color: var(--red-100);
  --danger-text-color: var(--red-900);
  --danger-link-color: var(--red-700);
  --danger-link-hover-color: var(--red-500);
  --danger-border-color: var(--red-100);
  --warning-background-color: var(--warning-lightest);
  --warning-text-color: var(--warning-dark);
  --warning-link-color: var(--warning-darker);
  --warning-link-hover-color: var(--warning-darkest);
  --warning-border-color: var(--warning-base);
  --warning-shadow: 0px 2px 6px rgba(0, 0, 0, 50%);
  --line-height: 1.2;
  --light-theme-display: none;
  --reset-theme-display: inline-block;
}
body[data-theme=dark] {
  --background-color: var(--grey-900);
  --text-color: var(--grey-300);
  --dim-text-color: var(--grey-500);
  --link-text-color: var(--yellow-900);
  --link-background-color: inherit;
  --link-hover-text-color: black;
  --link-hover-background-color: var(--yellow-700);
  --link-visited-text-color: var(--yellow-800);
  --link-visited-background-color: inherit;
  --button-background-color: var(--yellow-800);
  --button-text-color: black;
  --button-hover-background-color: var(--yellow-600);
  --button-hover-text-color: black;
  --button-active-background-color: var(--yellow-600);
  --button-active-text-color: black;
  --header-background-color: var(--surface-3-background-color);
  --header-text-color: var(--blue-300);
  --sidebar-header-background-color: var(--grey-900);
  --sidebar-header-text-color: var(--blue-300);
  --sidebar-header-hover-text-color: var(--yellow-800);
  --sidebar-background-color: var(--grey-900);
  --sidebar-text-color: var(--blue-500);
  --sidebar-screen-color: var(--grey-900);
  --sidebar-border-color: var(--blue-700);
  --sidebar-shadow: 0px 5px 10px rgba(0, 0, 0, 50%);
  --card-type-text-color: var(--blue-100);
  --card-type-background-color: var(--blue-800);
  --surface-4-background-color: rgb(61, 61, 61);
  --surface-4-border-color: rgb(71, 71, 71);
  --surface-4-shadow: var(--surface-6-high);
  --surface-3-background-color: rgb(51, 51, 51);
  --surface-3-border-color: rgb(61, 61, 61);
  --surface-3-shadow: var(--surface-4-high);
  --surface-2-background-color: rgb(42, 42, 42);
  --surface-2-border-color: rgb(52, 52, 52);
  --surface-2-shadow: var(--surface-2-high);
  --surface-1-background-color: rgb(37, 37, 37);
  --surface-1-border-color: rgb(47, 47, 47);
  --surface-1-shadow: var(--surface-0-high);
  --danger-background-color: var(--red-900);
  --danger-text-color: var(--red-100);
  --danger-link-color: var(--red-300);
  --danger-link-hover-color: var(--red-500);
  --danger-border-color: var(--red-900);
  --warning-background-color: var(--warning-lightest);
  --warning-text-color: var(--warning-dark);
  --warning-link-color: var(--warning-darker);
  --warning-link-hover-color: var(--warning-darkest);
  --warning-border-color: var(--warning-base);
  --warning-shadow: 0px 2px 6px rgba(0, 0, 0, 50%);
  --line-height: 1.5;
  --blockquote-background-color: rgba(255, 255, 255, 4%);
  --blockquote-border-color: rgba(255, 255, 255, 8%);
  --dark-theme-display: none;
  --reset-theme-display: inline-block;
}
body {
  margin: 0;
  padding: 0;
  background: var(--background-color);
  color: var(--text-color);
  line-height: var(--line-height);
}
body,
button {
  font-family:
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
}
p {
  margin-top: 1em;
  margin-bottom: 1em;
}
hr {
  width: 50%;
  margin: 1em auto;
  height: 1px;
}
pre {
  border: 1px solid black;
  padding: 0.5em 1em;
}
code {
  border: 1px solid red;
  padding: 1px 2px;
  border-radius: 4px;
}
@media (max-width: 639px) {
  article p {
    margin-top: 0;
  }
}
a {
  text-decoration: underline;
  color: var(--link-text-color);
  background-color: var(--link-background-color);
  transition: color 100ms;
  transition: background-color 100ms;
}
a:visited {
  color: var(--link-visited-text-color);
  background-color: var(--link-visited-background-color);
}
a:hover {
  color: var(--link-hover-text-color);
  background-color: var(--link-hover-background-color);
}
a.external:after {
  content: " \1f310";
  font-size: 50%;
  vertical-align: super;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
a.thumbnail {
  display: inline-block;
  padding: 0.25em;
  line-height: 1;
  text-decoration: none;
  border: 1px solid black;
}
.block-link ul {
  margin-top: 1em;
}
.x-missing-link {
  font-style: italic;
}
#page {
  margin-left: 0;
}
#sidebar {
  position: fixed;
  top: 0;
  left: -110vw;
  width: 100vw;
  height: 100vh;
  z-index: 90;
  background-color: var(--sidebar-background-color);
  color: var(--sidebar-text-color);
  box-shadow: var(--sidebar-shadow);
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}
#sidebar #sidebar-header {
  display: flex;
  background-color: var(--sidebar-header-background-color);
  color: var(--sidebar-header-text-color);
  padding: 0px 1rem;
  flex-grow: 0;
}
#sidebar #sidebar-header span {
  font-size: 150%;
  font-weight: bold;
  flex-grow: 1;
}
#sidebar #sidebar-header #sidebar-close {
  font-size: 150%;
  flex-grow: 0;
}
#sidebar #sidebar-header a {
  text-decoration: none;
  color: var(--sidebar-header-text-color);
}
#sidebar #sidebar-header a:hover {
  color: var(--sidebar-header-hover-text-color);
}
#sidebar .top-links a,
#sidebar .bottom-links a {
  position: relative;
  left: -1rem;
  padding-left: 1rem;
  display: inline-block;
  width: 194px;
}
#sidebar .top-links ul,
#sidebar .bottom-links ul {
  margin: 1rem 0 0 0;
  padding: 0;
}
#sidebar .top-links ul ul,
#sidebar .bottom-links ul ul {
  margin: 0;
}
#sidebar .top-links li,
#sidebar .bottom-links li {
  list-style: none;
  margin-left: 1rem;
}
#sidebar .top-links li ul li,
#sidebar .bottom-links li ul li {
  margin-left: 0;
}
#sidebar .top-links li ul li a,
#sidebar .bottom-links li ul li a {
  position: relative;
  left: -1rem;
  padding-left: 2rem;
  display: inline-block;
  width: 176px;
}
#sidebar .top-links {
  flex-grow: 1;
}
#sidebar .top-links ul li {
  margin-top: 1rem;
}
#sidebar .top-links ul ul li {
  margin-top: 0.1rem;
}
#sidebar .bottom-links {
  flex-grow: 0;
  margin-bottom: 1rem;
}
#sidebar .bottom-links li {
  margin-top: 0.1rem;
}
#sidebar.sidebar-shown {
  left: 0;
  display: block;
}
#sidebar-screen {
  display: none;
  z-index: 80;
  opacity: 0.9;
  background-color: var(--sidebar-screen-color);
}
.sidebar-toggle {
  font-size: 200%;
}
@media (min-width: 641px) {
  #sidebar #sidebar-header {
    background-color: var(--surface-1-background-color);
    border: 1px solid var(--surface-1-border-color);
    box-shadow: var(--surface-1-shadow);
    background-color: var(--sidebar-header-background-color);
    padding: 1rem;
    border: 0px;
    border-bottom: 3px solid var(--sidebar-header-background-color);
  }
}
@media (min-width: 641px) and (max-width: 1024px) {
  #sidebar {
    width: 200px;
    left: -210px;
  }
  #sidebar.sidebar-shown {
    left: 0;
  }
  #sidebar-screen {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
  }
  #sidebar-screen.sidebar-shown {
    display: inherit;
    left: 0;
  }
}
@media (min-width: 769px) {
  #page {
    margin-left: 200px;
    padding-left: 2rem !important;
  }
  #sidebar {
    left: 0;
    width: 200px;
  }
  #sidebar.sidebar-shown {
    left: 0;
  }
  .sidebar-toggle {
    display: none;
  }
}
nav.nav {
  background-color: var(--surface-1-background-color);
  border: 1px solid var(--surface-1-border-color);
  box-shadow: var(--surface-1-shadow);
  margin-bottom: 1rem;
  display: grid;
  grid-template-areas: "nav-home nav-up" "nav-prev nav-next";
  grid-template-columns: 1fr 1fr;
}
nav.nav a.up,
nav.nav a.home,
nav.nav a.next,
nav.nav a.previous {
  padding: 0.5em 1em;
  display: inline-block;
  white-space: nowrap;
}
nav.nav a.up {
  grid-area: nav-up;
}
nav.nav a.home {
  grid-area: nav-home;
}
nav.nav a.previous {
  grid-area: nav-prev;
}
nav.nav a.next {
  grid-area: nav-next;
}
@media (min-width: 641px) {
  nav.nav {
    grid-template-areas: "nav-home nav-prev nav-up nav-next";
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
h1 {
  font-weight: bold;
  font-size: 200%;
}
h2 {
  background-color: var(--surface-3-background-color);
  border: 1px solid var(--surface-3-border-color);
  box-shadow: var(--surface-3-shadow);
  padding: 0.5em 1em;
  font-size: 150%;
  margin-left: -2rem;
}
h3 {
  background-color: var(--surface-2-background-color);
  border: 1px solid var(--surface-2-border-color);
  box-shadow: var(--surface-2-shadow);
  padding: 0.5em 1em;
  font-size: 125%;
}
h4 {
  font-size: 110%;
}
@media (min-width: 641px) {
  h2 {
    margin-right: 0;
  }
}
blockquote {
  border: 1px solid var(--blockquote-border-color);
  padding: 1rem;
  margin: 1rem;
  background-color: var(--blockquote-background-color);
  color: var(--blockquote-text-color);
}
blockquote .epigraph {
  margin-bottom: 0;
}
blockquote .attribution p {
  margin-top: 0;
  text-align: right;
}
blockquote :first-child {
  margin-top: 0;
}
blockquote :last-child {
  margin-bottom: 0;
}
@media (max-width: 639px) {
  blockquote {
    margin-right: 0;
    margin-left: 0;
  }
  article blockquote {
    margin-top: 0;
  }
}
.danger,
.warning {
  background-color: var(--surface-1-background-color);
  border: 1px solid var(--surface-1-border-color);
  box-shadow: var(--surface-1-shadow);
  margin: 1em 0;
  padding: 1em 1em;
}
.danger .float-left,
.warning .float-left {
  float: left;
  margin-right: 0.3em;
}
.danger {
  background-color: var(--danger-background-color);
  border: 1px solid var(--danger-border-color);
  color: var(--danger-text-color);
}
.danger a {
  color: var(--danger-link-color);
}
.danger a:hover {
  color: var(--danger-link-hover-color);
}
.danger i {
  position: relative;
  top: 0.1em;
}
.warning {
  background-color: var(--warning-background-color);
  color: var(--warning-text-color);
  border-left: 2px solid var(--warning-border-color);
  box-shadow: var(--warning-shadow);
}
.warning a {
  color: var(--warning-link-color);
}
.warning a:hover {
  color: var(--warning-link-hover-color);
}
dl {
  margin: 0.5em 0 0 0;
}
dl dt {
  margin-top: 0.5em;
}
dl dt:nth-child(1) {
  margin-top: 0;
}
dl dt:before {
  content: "\21d2";
  padding-right: 0.2em;
}
ul li p {
  margin-top: 0;
  margin-bottom: 0;
}
div.layout-page-content table {
  border: 1px solid red;
  margin-right: auto;
  margin-left: auto;
}
div.layout-page-content table * {
  box-sizing: border-box;
}
div.layout-page-content table thead tr th {
  padding: 0.1em 0.25em;
  border-bottom: 2px solid red;
}
div.layout-page-content table tbody tr td {
  padding: 0.1em 0.25em;
  border-top: 1px solid red;
}
div.layout-page-content table tbody tr:first-child td {
  border-top: none;
}
button,
input[type=submit] {
  background-color: var(--button-background-color);
  color: var(--button-text-color);
  border: 1px 0px var(--button-border-color);
  text-align: center;
  text-decoration: none;
  display: inline-block;
  box-shadow: var(--button-shadow);
}
button:hover,
input[type=submit]:hover {
  background-color: var(--button-hover-background-color);
  color: var(--button-hover-text-color);
}
button:active,
input[type=submit]:active {
  background-color: var(--button-active-background-color);
  color: var(--button-active-text-color);
  box-shadow: none;
}
button#reset-theme,
input[type=submit]#reset-theme {
  display: var(--reset-theme-display, inline-block);
}
button#dark-theme,
input[type=submit]#dark-theme {
  display: var(--dark-theme-display, inline-block);
}
button#light-theme,
input[type=submit]#light-theme {
  display: var(--light-theme-display, inline-block);
}
article .card-group:last-child {
  margin-bottom: 0.75rem;
}
#page .card-group {
  background-color: var(--surface-3-background-color);
  border: 1px solid var(--surface-3-border-color);
  box-shadow: var(--surface-1-shadow);
  margin-top: 1rem;
  padding-bottom: 1rem;
}
#page .card-group .card .card-title,
#page .card-group .card .card-plain-title {
  padding: 1rem;
}
#page .card-group .card .card-title h3,
#page .card-group .card .card-plain-title h3 {
  margin: 0;
  padding: 0;
  background-color: inherit;
  box-shadow: inherit;
  border: inherit;
}
#page .card-group .card .card-title ul,
#page .card-group .card .card-plain-title ul {
  margin: 1rem 0 0 2rem;
  padding: 0;
}
#page .card-group .card .card-plain-title {
  padding-bottom: 0;
}
#page .card-group .card .card-image p {
  text-align: center;
}
#page .card-group .card .card-image p img {
  object-position: right top;
  object-fit: contain;
  grid-area: card-image;
  max-width: 10rem;
}
#page .card-group .card .card-attr .card-type {
  margin: 0 0 0.2em 0;
}
#page .card-group .card .card-attr .card-attr-row ul {
  margin: 0.2rem 0 0 1rem;
  padding: 0;
  list-style-type: none;
}
#page .card-group .card .card-attr i {
  margin-right: 0.3em;
}
#page .card-group .card .card-summary {
  padding: 0 1rem;
}
#page .card-group .card .card-summary p {
  margin: 0;
  padding: 0;
}
@media (min-width: 1025px) {
  #page .card-group {
    background-color: var(--surface-3-background-color);
    border: 1px solid var(--surface-3-border-color);
    box-shadow: var(--surface-1-shadow);
    margin-top: 1rem;
    padding-bottom: 1rem;
  }
  #page .card-group .card {
    display: flex;
    column-gap: 1rem;
  }
  #page .card-group .card .card-title,
  #page .card-group .card .card-plain-title {
    padding: 1rem;
    flex-grow: 1;
  }
  #page .card-group .card .card-title h3,
  #page .card-group .card .card-plain-title h3 {
    margin: 0;
    padding: 0;
  }
  #page .card-group .card .card-plain-title {
    padding-bottom: 0;
  }
  #page .card-group .card .card-image {
    flex-grow: 0;
  }
  #page .card-group .card .card-attr {
    flex-grow: 0;
  }
  #page .card-group .card .card-attr .card-attr-row ul {
    margin: 0;
    width: 16rem;
  }
  #page .card-group .card .card-attr .card-attr-row .card-attr-key,
  #page .card-group .card .card-attr .card-attr-row .card-type {
    display: inline-block;
    width: 14rem;
    padding-left: 1rem;
  }
  #page .card-group .card .card-attr .card-attr-row .card-type {
    padding: 0.2rem 1rem;
    color: var(--card-type-text-color);
    background-color: var(--card-type-background-color);
  }
  #page .card-group .card .card-summary p {
    margin: 0;
    padding: 0;
  }
  #page .card-group .card .card-assm ul {
    margin-top: 0;
  }
  #page .card-group .card .card-tags {
    margin: 1rem 0 0 1rem;
  }
  #page .card-group .card .card-tags ul {
    list-style-type: none;
    padding: 1rem 0 0 0;
    margin: 0;
    display: inline;
  }
  #page .card-group .card .card-tags ul li {
    margin: 0 0 0.2rem 0;
    display: inline-block;
    border-radius: 2px;
    padding: 0;
    white-space: nowrap;
  }
  #page .card-group .card .card-tags ul li a {
    padding: 2px 4px;
    border-radius: 2px;
    white-space: nowrap;
    color: var(--button-text-color);
    background-color: var(--button-background-color);
  }
  #page .card-group .card .card-tags ul li a:hover {
    text-decoration: none;
    color: var(--button-hover-text-color);
    background-color: var(--button-hover-background-color);
  }
  #page .card-group .card .card-tags ul li a:active {
    text-decoration: none;
    color: var(--button-active-text-color);
    background-color: var(--button-active-background-color);
  }
  #page .card-group .card .card-tags ul li a:before {
    margin-right: 0.3em;
    display: inline-block;
    width: 1em;
  }
}
.badge {
  font-size: 80%;
  margin-left: 0.5em;
  background: var(--badge-background-color);
  color: var(--badge-text-color);
  padding: 0.2em;
}
.project-page {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.project-page .project-text {
  flex-grow: 1;
}
.project-page .project-cover {
  flex-grow: 0;
}
.project-page .project-cover p {
  display: inline-block;
  margin: 1rem 0 1rem 1rem;
  padding: 0;
}
.project-page .project-cover p img {
  object-fit: contain;
  max-width: 10rem;
}
.chapter-list-footer {
  text-align: center;
}
@media (max-width: 767px) {
  .project-page {
    display: block;
  }
  .project-page .project-cover p {
    text-align: center;
  }
  .project-page .project-cover p img {
    margin: 0 auto;
    max-width: 50%;
  }
}
form#login {
  margin-left: 1rem;
}
form#login #login-message div {
  padding: 1em;
  background-color: var(--danger-background-color);
  color: var(--danger-text-color);
  border: 1px solid var(--danger-border-color);
  margin-bottom: 1em;
}
form#login .login-row {
  margin-bottom: 0.5em;
}
form#login .login-submit-row {
  margin-bottom: 1rem;
}
form#login .login-submit-row button {
  background-color: var(--button-background-color);
  border: none;
  color: var(--button-text-color);
  padding: 0.2em 2em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
form#login .login-submit-row button:hover {
  background-color: var(--button-hover-background-color);
  color: var(--button-hover-text-color);
}
form#login .login-submit-row button:active {
  background-color: var(--button-active-background-color);
  color: var(--button-active-text-color);
}
.logged-in .is-logged-out,
.logged-out .is-logged-in {
  display: none !important;
}
@media (min-width: 641px) {
  form#login {
    margin-left: 1rem;
  }
  form#login .login-row .login-label-row {
    display: inline-block;
    width: 10em;
    text-align: right;
    margin-right: 1em;
    margin-bottom: 0.3rem;
  }
  form#login .login-row .login-input-row {
    display: inline-block;
  }
  form#login .login-row .login-input-row input {
    width: 30em;
  }
  form#login .login-submit-row {
    margin-top: 1em;
    margin-left: 11.2em;
    margin-bottom: 0;
  }
}
#page #header {
  background-color: var(--surface-4-background-color);
  border: 1px solid var(--surface-4-border-color);
  box-shadow: var(--surface-4-shadow);
  padding: 0.5em 1em;
  z-order: 100;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  grid-column-gap: 1rem;
  margin-left: -1rem;
  margin-bottom: 1rem;
  padding-left: 2rem;
  background-color: var(--header-background-color);
  color: var(--header-text-color);
}
#page #header #sidebar-open {
  flex-grow: 0;
}
#page #header h1 {
  margin: 0;
  flex-grow: 1;
}
#page #content {
  margin-bottom: 1rem;
}
#page article {
  background-color: var(--surface-2-background-color);
  border: 1px solid var(--surface-2-border-color);
  box-shadow: var(--surface-2-shadow);
  padding: 0.5em 1em;
}
#page #footer #rights {
  background-color: var(--surface-1-background-color);
  border: 1px solid var(--surface-1-border-color);
  box-shadow: var(--surface-1-shadow);
  padding: 0.5em 1em;
}
@media (min-width: 641px) {
  #page {
    padding: 0.5rem 1rem;
  }
}
/*# sourceMappingURL=site.css.map */