:root{--white:#FFF;--black:#000;--gray-100:hsl(204,45%,98%);--gray-200:hsl(210,38%,95%);--gray-300:hsl(214,32%,91%);--gray-400:hsl(212,23%,84%);--gray-500:hsl(214,18%,63%);--gray-600:hsl(219,10%,49%);--gray-700:hsl(219,15%,35%);--gray-800:hsl(218,21%,23%);--gray-900:hsl(220,26%,14%);--red-100:hsl(0,100%,98%);--red-200:hsl(0,95%,92%);--red-300:hsl(0,95%,85%);--red-400:hsl(0,92%,75%);--red-500:hsl(0,84%,68%);--red-600:hsl(0,74%,57%);--red-700:hsl(0,59%,48%);--red-800:hsl(0,54%,39%);--red-900:hsl(0,46%,31%);--green-100:hsl(136, 100%, 97%);--green-200:hsl(138, 70%, 87%);--green-300:hsl(140, 59%, 75%);--green-400:hsl(143, 53%, 62%);--green-500:hsl(145, 44%, 51%);--green-600:hsl(148, 46%, 43%);--green-700:hsl(150, 46%, 35%);--green-800:hsl(152, 44%, 28%);--green-900:hsl(153, 41%, 23%);--blue-100:hsl(201, 100%, 96%);--blue-200:hsl(201, 78%, 86%);--blue-300:hsl(203, 80%, 76%);--blue-400:hsl(205, 77%, 66%);--blue-500:hsl(207, 71%, 57%);--blue-600:hsl(209, 60%, 50%);--blue-700:hsl(211, 59%, 43%);--blue-800:hsl(214, 47%, 34%);--blue-900:hsl(215, 38%, 28%);--teal-100:hsl(168, 100%, 95%);--teal-200:hsl(170, 75%, 83%);--teal-300:hsl(172, 66%, 70%);--teal-400:hsl(175, 57%, 56%);--teal-500:hsl(175, 57%, 56%);--teal-600:hsl(179, 49%, 39%);--teal-700:hsl(181, 45%, 33%);--teal-800:hsl(183, 40%, 27%);--teal-900:hsl(185, 38%, 23%);--pink-100:hsl(348, 100%, 98%);--pink-200:hsl(343, 95%, 92%);--pink-300:hsl(339, 87%, 85%);--pink-400:hsl(336, 84%, 75%);--pink-500:hsl(331, 77%, 66%);--pink-600:hsl(329, 62%, 54%);--pink-700:hsl(325, 55%, 46%);--pink-800:hsl(322, 58%, 37%);--pink-900:hsl(318, 49%, 29%);--purple-100:hsl(270, 100%, 98%);--purple-200:hsl(268, 90%, 92%);--purple-300:hsl(265, 83%, 86%);--purple-400:hsl(262, 80%, 77%);--purple-500:hsl(260, 71%, 70%);--purple-600:hsl(258, 57%, 59%);--purple-700:hsl(258, 48%, 52%);--purple-800:hsl(256, 42%, 42%);--purple-900:hsl(254, 39%, 34%);--yellow-100:hsl(60, 100%, 97%);--yellow-200:hsl(64, 92%, 90%);--yellow-300:hsl(56, 91%, 71%);--yellow-400:hsl(48, 100%, 63%);--yellow-500:hsl(46, 76%, 62%);--yellow-600:hsl(44, 64%, 47%);--yellow-700:hsl(38, 58%, 47%);--yellow-800:hsl(32, 73%, 34%);--yellow-900:hsl(30, 74%, 26%);--indigo-100:hsl(213, 100%, 96%);--indigo-200:hsl(217, 93%, 88%);--indigo-300:hsl(221, 88%, 81%);--indigo-400:hsl(225, 84%, 73%);--indigo-500:hsl(229, 74%, 66%);--indigo-600:hsl(234, 60%, 60%);--indigo-700:hsl(237, 45%, 52%);--indigo-800:hsl(242, 36%, 41%);--indigo-900:hsl(246, 30%, 32%);--orange-100:hsl(40, 100%, 97%);--orange-200:hsl(39, 93%, 89%);--orange-300:hsl(38, 92%, 77%);--orange-400:hsl(33, 88%, 65%);--orange-500:hsl(27, 82%, 57%);--orange-600:hsl(24, 73%, 50%);--orange-700:hsl(20, 69%, 44%);--orange-800:hsl(16, 63%, 37%);--orange-900:hsl(15, 59%, 30%);--brand-blue:var(--blue-500);--brand-grey:var(--gray-500);--headings-color:var(--gray-800);--subheadings-color:var(--gray-700);--body-color:var(--gray-900);--ui-bg-color-enabled:var(--gray-100);--ui-border-color-enabled:var(--gray-400);--ui-bg-color-disabled:var(--gray-100);--ui-border-color-disabled:var(--gray-300);--ui-text-color-disabled:var(--gray-500);--ui-box-shadow-focus:var(--blue-200);--ui-border-color-focus:var(--blue-600);--ui-border-color-focus-hover:var(--gray-600);--ui-bg-color-focus-hover:var(--gray-200);--ui-color-active:var(--blue-600);--ui-bg-color-active:var(--blue-700);--ui-color-active-hover:var(--blue-700);--ui-bg-color-active-hover:var(--gray-200);--ui-bg-color-hover:var(--gray-100);--ui-border-color-hover:var(--gray-500);--input-bg-color-enabled:var(--gray-100);--input-border-color-enabled:var(--gray-400);--input-bg-color-dark-enabled:var(--gray-400);--input-bg-color-disabled:var(--gray-100);--input-border-color-disabled:var(--gray-300);--input-text-color-disabled:var(--gray-500);--input-box-shadow-focus:var(--blue-200);--input-border-color-focus:var(--blue-600);--input-border-color-focus-hover:var(--gray-600);--input-bg-color-focus-hover:var(--gray-200);--input-color-active:var(--blue-600);--input-bg-color-active:var(--blue-200);--input-color-active-hover:var(--blue-700);--input-bg-color-active-hover:var(--gray-200);--input-bg-color-hover:var(--gray-100);--input-border-color-hover:var(--gray-500);--input-bg-dark-color-hover:var(--input-border-color-hover);--inverted-background:var(--gray-900);--inverted-border-color:var(--gray-700)}