:root{--font: "Inconsolata", monospace;--header-height: 64px;--footer-height: 96px;--border-radius: 2px;--downward-box-shadow: 0px 1px 2px hsla(0, 0%, 0%, .2);--white: #fff;--gray-50: hsl(192, 10%, 12%);--gray-100: hsl(192, 10%, 16%);--gray-200: hsl(192, 10%, 22%);--gray-300: hsl(192, 10%, 31%);--gray-400: hsl(192, 10%, 44%);--gray-500: hsl(192, 10%, 51%);--gray-600: hsl(192, 10%, 81%);--red-100: hsl(3, 60%, 37%);--red-200: hsl(3, 60%, 82%);--blue-100: hsl(192, 70%, 35%);--blue-200: hsl(192, 70%, 41%);--blue-300: hsl(192, 70%, 46%);--purple-100: hsl(262, 16%, 76%);--brown-100: hsl(48, 24%, 35%);--yellow-100: hsl(55, 89%, 79%);--orange-100: hsl(25, 81%, 65%);--green-100: hsl(85, 40%, 53%)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{background-color:var(--gray-100);color:var(--white);font-family:var(--font);font-weight:400;font-size:16px}h1,h2,h3,h4{font-weight:400}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}ul{list-style:none}html,body,h1,h2,h3,h4,ul,ol,li,p{margin:0;padding:0}a,a:hover,a:focus,a:active,a:visited{color:var(--white);border-bottom:1px solid var(--white);text-decoration:none}@media screen and (min-width:768px){h1{font-size:30px}h2{font-size:24px}h3,body{font-size:20px}}select{width:64px;padding:8px;font-size:16px;font-family:var(--font);border:0;border-radius:var(--border-radius)}@media screen and (min-width:768px){select{font-size:20px}}body::-webkit-scrollbar-track{background-color:var(--gray-100);border-radius:var(--border-radius)}body::-webkit-scrollbar{width:10px;background-color:var(--gray-100);border-radius:var(--border-radius)}body::-webkit-scrollbar-thumb{background-color:var(--gray-400);border-radius:var(--border-radius)}app-root .core-button{height:48px;width:128px;background:var(--blue-200);color:var(--white);border-radius:var(--border-radius);box-shadow:inset 0 1px 0 var(--blue-300),var(--downward-box-shadow);font-family:var(--font);font-size:16px;font-weight:700;transition:75ms background ease-in-out}app-root .core-button:hover,app-root .core-button:focus{background:var(--blue-100);box-shadow:inset 0 1px 0 var(--blue-200),var(--downward-box-shadow)}app-root .core-button:disabled{background:var(--gray-400);color:var(--gray-600);box-shadow:inset 0 1px 0 var(--gray-500),var(--downward-box-shadow)}@media screen and (min-width:768px){app-root .core-button{height:64px;width:192px;font-size:20px}}app-root .core-checkbox{--checkmark-color: var(--white);--checkbox-border: transparent;--checkbox-color: var(--gray-500);--checkbox-color-hover: var(--gray-400);--label-margin: 12px}