body,html{max-width:100%;overflow-x:hidden}body{margin:0;font-family:Tomorrow,sans-serif;background-color:#eff3f6;color:#060627}h1{line-height:100%;margin-top:1em;margin-bottom:.4em}h1,h2,h3,h4,h5,h6{font-weight:600}#root{display:flex;flex-direction:column;justify-content:space-between;height:100vh}.button-placeholder,button{box-sizing:border-box;padding:1em 2em;font-family:inherit;text-align:center;background-color:#ff6363;color:#fff;border:0;border-radius:3em;cursor:pointer;font-weight:500}button:focus{outline:0}button:focus-visible{outline:0;box-shadow:inset 0 0 5px 2px #ff6363}button.centered{display:block;margin:1em auto}.picks-indicator-wrapper{position:relative;background-color:#385fae}.ingredient-picks{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:300px;text-align:center}@media (max-height:600px),(max-width:350px){.ingredient-picks{height:250px}}.picks-container{position:relative;width:120px;height:120px;padding:0;border-radius:50%;list-style:none}.picks-container>*{display:block;position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px}.picks-container>:first-of-type{transform:rotate(-18deg) translate(60px) rotate(18deg)}.picks-container>:nth-of-type(2){transform:rotate(54deg) translate(60px) rotate(-54deg)}.picks-container>:nth-of-type(3){transform:rotate(126deg) translate(60px) rotate(-126deg)}.picks-container>:nth-of-type(4){transform:rotate(198deg) translate(60px) rotate(-198deg)}.picks-container>:nth-of-type(5){transform:rotate(270deg) translate(60px) rotate(-270deg)}@media (max-height:600px),(max-width:350px){.picks-container{position:relative;width:100px;height:100px;padding:0;border-radius:50%;list-style:none}.picks-container>*{display:block;position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px}.picks-container>:first-of-type{transform:rotate(-18deg) translate(50px) rotate(18deg)}.picks-container>:nth-of-type(2){transform:rotate(54deg) translate(50px) rotate(-54deg)}.picks-container>:nth-of-type(3){transform:rotate(126deg) translate(50px) rotate(-126deg)}.picks-container>:nth-of-type(4){transform:rotate(198deg) translate(50px) rotate(-198deg)}.picks-container>:nth-of-type(5){transform:rotate(270deg) translate(50px) rotate(-270deg)}}.pick{box-sizing:border-box;height:48px;width:48px;color:#fff;font-size:12px;padding:0;background-color:transparent}@media (max-height:600px),(max-width:350px){.pick{height:40px;width:40px}}.pick img{width:100%;height:100%}.ingredient-choice{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:min-content;align-items:start;max-width:700px;margin:auto;overflow-y:auto;overflow-x:hidden;padding:1em 2em 0;box-sizing:border-box;width:100%;transition:.2s ease-in-out}@media (orientation:landscape){.ingredient-choice{grid-template-columns:repeat(10,1fr)}}@media (max-height:600px),(max-width:350px){.ingredient-choice{height:250px}}.ingredient-choice.locked{pointer-events:none;opacity:.5}.ingredient{grid-column:span 2;min-width:40px;min-height:40px;margin:.5em;color:#060627;font-size:16px;border-radius:1em;flex-shrink:0;flex-grow:0;padding:0;background-color:transparent;text-align:center}@media (orientation:portrait){.ingredient:nth-child(5n+4){grid-column:2/4}.ingredient:nth-child(5n+5){grid-column:4/6}}@media (orientation:landscape){.ingredient:nth-child(8n+6){grid-column:2/4}.ingredient:nth-child(8n+7){grid-column:4/6}.ingredient:nth-child(8n+8){grid-column:6/8}.ingredient:nth-child(8n+9){grid-column:8/10}}.ingredient-icon.color{height:64.4px;width:64.4px;vertical-align:middle;border-radius:50% 50%;padding-top:5px;object-fit:cover}@media (max-height:600px),(max-width:350px){.ingredient-icon.color{height:53.66667px;width:53.66667px}}ul.experiment-icons-list li{list-style-type:none;display:inline}ul.experiment-icons-list{padding:5px 1.7em 5px 1.5em;background-color:#f0f8ff;margin:0 -1.7em 16px -1.5em;position:relative;z-index:11}.intro-page .ingredient-icon.color{height:57.96px;width:57.96px;margin:.2em}@media (max-height:600px),(max-width:350px){.intro-page .ingredient-icon.color{height:48.3px;width:48.3px}}.ingredient-icon.mono{height:48px;width:48px;border-radius:50% 50%}@media (max-height:600px),(max-width:350px){.ingredient-icon.mono{height:40px;width:40px}}.ingredient-icon.placeholder{position:relative;font-size:120%;font-weight:700;box-sizing:border-box;margin:5px auto auto}@media (max-height:600px),(max-width:350px){.ingredient-icon.placeholder{font-size:100%}}.ingredient-icon.placeholder.color{background-color:#385fae}.ingredient-icon.placeholder.mono{border:1px dashed #fff;border-radius:33% 33%}.ingredient-icon.placeholder div{color:#fff;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pick.empty{background-color:#ff3030}.pick .cross{position:absolute;right:.4em;bottom:.4em;font-size:.6em}.max-picks-message{margin-top:1em;font-size:1.2em;text-align:center}.clear{display:block;width:8rem;height:8rem;margin:1em auto;font-size:1.6em;background:#6363ff;border:none;border-radius:50%}.background-indicator{position:absolute;height:100%;width:100%;object-fit:contain;left:0;top:0}.background-indicator svg{height:300px;width:300px;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}@media (max-height:600px),(max-width:350px){.background-indicator svg{height:250px;width:250px}}.background-indicator .background_svg__indicator{transition:fill 1s}.background-indicator.good .background_svg__indicator{fill:#47eb5d}.background-indicator.neutral .background_svg__indicator{fill:#ebe047}.background-indicator.bad .background_svg__indicator{fill:#f20f35}.background-indicator.empty .background_svg__indicator{fill:transparent}.experiments-list{list-style:none;display:flex;align-items:center;overflow-x:auto;height:100%;padding-left:0;z-index:0}.experiments-list,.experiments-list-wrapper{margin:0}.experiments-list-wrapper{flex-shrink:0;flex-grow:1;width:100%;padding:0 50vw;margin-left:-50vw;background-color:#fff;display:flex;justify-content:center;align-items:center;height:3em;max-height:5em}.experiments-list>li{margin:.5em;flex-shrink:0}.experiments-list>li:first-child{margin-left:auto}.experiments-list>li:last-child{margin-right:auto}button.experiment{color:#fff;box-sizing:border-box;font-size:12px}button.experiment.seen svg{width:1em;height:1em;margin-left:.2em;vertical-align:bottom}.experiments-counter{background-color:#487ebd;padding:1em 1.5em;border-radius:2em;margin:1em;color:#fff;font-size:12px;position:absolute;top:255px;transform:translateY(-50%);left:0}@media (max-height:600px),(max-width:350px){.experiments-counter{top:205px}}button.active{display:none}.timer-button{position:relative;overflow:hidden}.timer-overlay{width:100%;height:100%;left:0;top:0;position:absolute;font-size:2em;line-height:1.8em;background-color:rgba(0,0,0,.452);color:#fff}.intro{font-weight:500}.experiment-title{color:#fdcb37}ol.instruction li{margin:.67em 0}.experiment .modal_box-content,.room-choice .modal_box-content{background:#385fae;color:#fff}.instruction{padding-left:1em}.arrow-button svg{height:1em;position:relative;top:.2em;margin-left:.5em;margin-right:-.5em}.intro-page-button.arrow-button svg{transform:rotate(180deg);margin-left:-.5em;margin-right:.5em}.ingredient-label{margin:.5em 0}.experiment .dropdown_content{background-color:#eff3f6;margin:1em -1.5em;padding:1.5em;color:#060627}.sponsors{height:200px;width:200px}.girl-gif{display:block;margin:0 auto 2em;width:100%;max-height:75vh}.modal_box{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;overflow:auto;background:rgba(0,0,0,.8);transition:opacity .6s ease-in-out,visibility .6s;opacity:1}.modal_box.collapsed{opacity:0;visibility:hidden}.modal_box-close{position:absolute;top:1em;right:1em;box-sizing:border-box;width:2em;height:2em;padding:3px;font-size:1.2rem;z-index:990}.modal_box-content{width:100%;padding:1.5em 1.7em 1.5em 1.5em;overflow-y:auto;font-size:1rem;line-height:1.5em;text-align:left;background-color:#fff;border-radius:1em;box-sizing:border-box;position:relative;overflow:hidden}.modal_box-content a{color:#ff6363}.modal_box-content,.modal_box-content iframe{max-width:100%}.modal_box-content img{object-fit:contain}.menu-button{position:absolute;right:.5em;top:.5em;z-index:600;border-radius:50% 50%;width:2.5em;height:2.5em;padding:0;background:transparent}.menu{position:absolute;transform:translateY(0);z-index:500;background-color:#fff;width:100%;padding:3em 1em;transition:all .3s linear;overflow:visible;box-sizing:border-box}.menu.collapsed{transform:translateY(-100%)}.menu ul{list-style:none;margin:0;padding:1em}.menu ul li{margin:.5em}.menu-button.about{left:.5em}.menu-button.about svg{object-fit:contain;height:80%}.menu>ul>li>button{background-color:transparent;border-top:1px solid #000;border-bottom:1px solid #000;border-radius:0;width:100%;color:#000}.dropdown_content.collapsed{transform:scaleY(0)}.dropdown_content{transform:scaleY(1);transform-origin:top center;transition:all .5s}.dropdown_content a{color:#ff6363}.arrow-button svg{transition:all .5s ease-in-out}.arrow-button.up svg{transform:rotate(-90deg)}.arrow-button.down svg{transform:rotate(90deg)}@media screen and (min-width:414px){#root{position:relative}#root,.modal_box-content{max-width:700px;margin:auto}.fullwidth-background{background:inherit;width:300vw;height:100%;position:absolute;left:-100vw;top:0;z-index:-1}}.room-choice ul{list-style:none;margin:0;padding:0}.room-choice li{background-color:rgba(222,184,135,.479);width:300px;height:300px;border-radius:50% 50%;box-sizing:border-box;padding:40px;text-align:center}.room-choice li div{display:flex;flex-direction:column;height:100%;justify-content:space-evenly}.room-choice li div>*{flex-grow:0}.room-choice li:nth-child(2n){position:relative;left:250px}.blue-background{color:#fff;background-color:#385fae;padding:100px 100px 0;margin:0 -100px}.modal_box-content img{max-width:100%;height:100%}.welcome-screen{z-index:910;height:100%}.welcome-screen .modal_box-content{min-height:100%;display:flex;flex-direction:column;justify-content:center}.welcome-screen h1{margin-bottom:.15em}.welcome-screen h1,.welcome-screen h3{text-align:center;color:#477ebc;font-weight:600}.welcome-screen h3{margin-top:.25em;margin-bottom:.5em}.welcome-screen p{text-align:center;color:#71a1c9}.immortal{text-transform:uppercase;font-weight:900}.experiment-summary{background-color:#385fae;margin:-100px -50px 0;padding:100px 50px 0;position:relative;overflow:hidden}.experiment-background{position:absolute;width:100%;top:0;left:50%;transform:translateX(-50%)}svg.experiment-background{fill:#72c5d9;opacity:.36}img.experiment-background{opacity:.55;max-height:100%;object-fit:cover;object-position:center}.experiment-summary div{z-index:1;position:relative}.modal_box.experiment .arrow-button{z-index:2;position:relative}.experiment.intro-page .modal_box-content,.experiment.intro-page .modal_box-content .dropdown_content{background-color:#fff}.tutorial.next-button{box-sizing:border-box;padding:10px 15px;color:#fff;background-color:#ff6363;border:0;border-radius:3em;cursor:pointer;position:relative;text-decoration-line:none;font-weight:500;font-size:1rem}.tutorial .img-center{display:block;margin:auto;max-width:80%}.tutorial.blue-background{padding-top:0}.tutorial.text-align-center{text-align:center}.tutorial-hint{display:flex;text-align:left}.tutorial-hint p{display:flex;justify-content:center;align-content:center;flex-direction:column;padding-left:1em;font-size:.75em;line-height:1.25em}.tutorial-hint img{max-width:5em}.tutorial-hint.blue-background{padding-top:1em}h2.tutorial.blue-background{padding-top:2em;padding-bottom:1em;margin-top:-2em}.modal_box.loading-screen{z-index:900}.loading-screen .modal_box-content{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.loading-screen img{height:25%;display:block}.room-dialog .modal_box-content{background-color:#385fae;color:#fff}.room-dialog .arrow-button{background:transparent;justify-self:end;align-self:flex-end;padding:0 3px .8em 0}.room-dialog .arrow-button svg{background-color:#ff6363;border:0;border-radius:50%;cursor:pointer;padding:.6em;width:1em;height:1em}.room-dialog_header{display:grid;grid-template-columns:1fr 1fr;width:100%;flex-wrap:wrap;grid-template-areas:"choose-room change-category-button"}.room-dialog_header .dropdown_content{grid-area:auto/auto 1/3;grid-column:1/span 2;justify-self:end}.room-choice img{grid-area:rocket;justify-self:end;align-self:center;height:3em}.room-dialog ul.rooms-list{list-style-type:none;padding:0;margin-top:3em}.button-placeholder,.room-choice button{grid-area:room-choice-button;justify-self:center;align-self:center}.button-placeholder{background:transparent;border:2px solid #ff6363;font-size:calc(1rem - 2px)}.button-placeholder svg{height:1em;width:60px;display:block}div.room-choice{display:grid;grid-template-columns:2fr 1fr 2fr;grid-template-rows:30% auto;grid-template-areas:"rocket room-choice-button . " "description description description";gap:1em;margin-bottom:2em}.room-description{grid-area:description;text-align:center;max-width:380px;justify-self:center}.yellow-dino{display:block;width:50%;margin:0 auto}div.category-dropdown{display:grid;grid-template-columns:1fr 1fr;justify-content:center;margin-top:1em}button.category-dropdown{display:flex;align-items:center}.category-dropdown ul{height:6em;overflow-y:auto;overflow-x:hidden;justify-self:center;padding-right:3em}.category-search{justify-self:center;display:block;width:min-content}.category-search>input{display:block;width:8em}h1.about-app{margin-top:-100px;padding-bottom:1em}p.about-app{padding-top:.5em;padding-bottom:.5em}.modal_box-content .about-app{color:#385fae}.about-app.blue-background{color:#fff}p.about-app.last-paragraph{padding-bottom:3em}h2.about-app{margin-top:1.5em}.first-paragraph{font-weight:500}