:root{--color-bg: #FFFFA0;--color-text-main: #000000;--color-primary: #AFECE0;--wrapper-height: 85vh;--image-max-width: 320px;--font-family: "HK Grotesk";--font-family-header: "HK Grotesk"}*{box-sizing:border-box}[hidden]{display:none!important}@font-face{font-family:HK Grotesk;src:url(https://cdn.glitch.me/605e2a51-d45f-4d87-a285-9410ad350515%2FHKGrotesk-Regular.otf?v=1603136326027) format("opentype")}@font-face{font-family:HK Grotesk;font-weight:700;src:url(https://cdn.glitch.me/605e2a51-d45f-4d87-a285-9410ad350515%2FHKGrotesk-Bold.otf?v=1603136323437) format("opentype")}.btn--remix{font-family:HK Grotesk;padding:.75rem 1rem;font-size:1.1rem;line-height:1rem;font-weight:500;height:2.75rem;align-items:center;cursor:pointer;background:#FFFFFF;border:1px solid #000000;box-sizing:border-box;border-radius:4px;text-decoration:none;color:#000;white-space:nowrap;margin-left:auto}.btn--remix img{margin-right:.5rem}.btn--remix:hover{background-color:#d0fff1}.footer{display:flex;justify-content:space-between;margin:1rem auto 0;padding:1rem 0 .75rem;width:100%;flex-wrap:wrap;border-top:4px solid #fff}.footer a:not(.btn--remix):link,a:not(.btn--remix):visited{font-family:HK Grotesk;font-style:normal;font-weight:400;font-size:1.1rem;color:#000;text-decoration:none;border-style:none}.footer a:hover{background:var(--color-primary)}.footer .links{padding:.5rem 1rem 1.5rem;white-space:nowrap}.divider{padding:0 1rem}body{font-family:HK Grotesk;background-color:var(--color-bg);max-width:400px;margin:0 auto;padding:10px}.wrapper{min-height:var(--wrapper-height);display:grid;place-items:center;margin:0 1rem;min-height:86vh}.content{display:flex;flex-direction:column;align-items:center;justify-content:center}h1{color:#2800ff;font-family:HK Grotesk;font-style:normal;font-weight:700;font-size:100px;line-height:105%}.page h1{font-size:48px}.page p{line-height:1.5}.page a{color:#000}.page a:hover{text-decoration:none}.btn--click-me{-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap}.btn--click-me:hover{text-decoration:underline}.illustration{max-width:100%;max-height:var(--image-max-width);cursor:pointer;padding-left:3.5rem}.instructions{margin:1rem auto 0}.instructions p{font-size:1rem}h2{color:#2800ff}.radio-group{display:flex;flex-wrap:wrap}.radio{background:#AFECE0;margin:5px;padding:3px;box-sizing:border-box;flex-basis:30%;flex-grow:1;text-align:center}.radio span{margin-left:3px}.percentage-input{margin:5px auto 10px;display:block}.percentage-slider{width:100%;margin:0 auto 20px;display:block}.slider-red{accent-color:darkred}.add-drink{margin:5px auto;padding:5px 20px;display:block}.sliderMinMax{display:flex;justify-content:space-between;font-size:small}.warning{font-size:larger;font-weight:1000;text-align:center;color:red}