.close{position:fixed;top:16px;left:8px;z-index:2}.finder-box{position:absolute;left:32px;bottom:32px;background:#fff;padding:16px;font-size:larger;border-radius:8px}@media (max-width: 768px){.finder-box{padding:8px}}.finder-box button{margin-left:16px}.iframe-content{width:100%;height:100%;position:absolute;top:0;left:0;background:#fff;box-sizing:border-box}.iframe-content.visible{top:0;visibility:visible}.iframe-content.hidden{top:-5000px;visibility:hidden;pointer-events:none}.scenarios-box{position:absolute;left:32px;bottom:32px;background:#fff;padding:16px;font-size:larger;border-radius:8px}@media (max-width: 768px){.scenarios-box{padding:8px}}.scenarios-box button{margin-left:16px}.scenario-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;justify-content:center}.scenario-screen .illustration{flex:1;background:transparent linear-gradient(220deg,#6cd3ff50,#09e93d50) 0% 0% no-repeat padding-box;align-items:center;display:flex;justify-content:center}.scenario-screen .illustration .scaler{position:relative}.scenario-screen .illustration .scaler img{width:100%}.scenario-screen .illustration .scaler .hotspot{position:absolute}.scenario-screen .content{flex:1;font-size:large;overflow-x:hidden;overflow-y:scroll;display:flex;flex-wrap:nowrap}.scenario-screen .content img{width:50%;margin:16px auto;display:block}.scenario-screen .content div{flex:0 0 auto;padding:16px;width:100%;box-sizing:border-box;transition:margin .5s ease-in-out}.scenario-screen .content div h1{font-size:1.5em}.scenario-screen .content.state-description .description{margin-left:0}.scenario-screen .content.state-reactions .description{margin-left:-100%}.scenario-screen .content.state-feedback .description{margin-left:-200%}.scenario-screen .content.reopening .reactions{display:none}.scenario-screen .content .buttons{display:flex;justify-content:space-between;padding-bottom:16px}.scenario-screen .content .reactions ul{list-style:none;margin:0;padding:0}.scenario-screen .content .reactions ul .reaction{background:#fff 0% 0% no-repeat padding-box;border:1px solid #00A7E3;border-radius:5px;margin-bottom:8px;padding:8px}.scenario-screen .content .reactions ul .reaction p,.scenario-screen .content .reactions ul .reaction ol{margin:0}.scenario-screen .content .reactions ul .reaction.selected{background:#b4eeff 0% 0% no-repeat padding-box;border:2px solid #00A7E3;padding:7px}.scenario-screen .content .feedback h1.correct{color:#49c14e;padding-left:52px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAgCAYAAABgrToAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFIGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDktMjFUMTI6Mzk6MzkrMDI6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTA5LTIxVDEyOjUzOjMxKzAyOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA5LTIxVDEyOjUzOjMxKzAyOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFiMjIzYTA1LTJjZjEtNDQyNS1hNWVjLTlmMjcxYjE1MDlmMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxYjIyM2EwNS0yY2YxLTQ0MjUtYTVlYy05ZjI3MWIxNTA5ZjMiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxYjIyM2EwNS0yY2YxLTQ0MjUtYTVlYy05ZjI3MWIxNTA5ZjMiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjFiMjIzYTA1LTJjZjEtNDQyNS1hNWVjLTlmMjcxYjE1MDlmMyIgc3RFdnQ6d2hlbj0iMjAyMC0wOS0yMVQxMjozOTozOSswMjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+A2he/wAAAXhJREFUWIXtmMFKw0AQhv9p682DeBGP4lE0OYhoWlZ9AkHRZ/A9fAoPPoGofYSmmFaxhaR49iyCB8FDUdP1IJHYxiad3coc/E+7s8m/387sJiTAFFWNdja3emrVxKNkC2ZYXqTqgG6XNPWqodrn+lQsMn2rGm3rHwGiCwDE8WLdNE4jcCkFjj/xfFZLPA4OQIfjaQdQg3LgEA/okGNtXOLafc3RcTnMu45TXsAwg16ozorAmYh9ir1IPRNo3iZMllgZ9EJ1MiHcDWcegLEH8w5Dlrj7D5gwgxw4U+U+HpLV/yXcB8Xrt2vXXWCK72ITVXS5kyREJGCijUgtiQacAT2IBgSElxj4BzRTf/Z1TjRgd7n7IhbwrUKLgOAS3600HgG5gOdJQyRg4PhHSVseoEYj3RUHGLj+brovC1Drg+GQKMDAbV4OxwoDDjTY/1eK+evjrHhhwLbrXwHoWyMa8W+eZsVZHzNepOoE2jND+pLG+0LLaT39Nv4JWwJnWAukC7wAAAAASUVORK5CYII=) no-repeat}.scenario-screen .content .feedback h1.wrong{color:#f54a4a;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAgCAYAAABgrToAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFIGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDktMjFUMTI6Mzk6MzkrMDI6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTA5LTIxVDEyOjU0OjMzKzAyOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA5LTIxVDEyOjU0OjMzKzAyOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmZkYWRmMDk3LTczM2YtNDk3ZS05N2Y4LWVkZmRlYTVhNjU3YiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpmZGFkZjA5Ny03MzNmLTQ5N2UtOTdmOC1lZGZkZWE1YTY1N2IiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmZGFkZjA5Ny03MzNmLTQ5N2UtOTdmOC1lZGZkZWE1YTY1N2IiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmZkYWRmMDk3LTczM2YtNDk3ZS05N2Y4LWVkZmRlYTVhNjU3YiIgc3RFdnQ6d2hlbj0iMjAyMC0wOS0yMVQxMjozOTozOSswMjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+xPHHhgAAAWRJREFUWIXVlj1SwzAQRr81FAzKFahgBjpqqNIhmVMAF6CHGSp6bsBwCcstFS2UwDkUaOKlgPEksSUk2Y6cV0or7ZvVL8GByXN29QcyE0UhVhu/pJxaRzDPydbXs9xi0keh9aVvnqytcTA5ACC6CAlvFRwao9STb2xD0ChV9avThIFz39hmBYms+zIFS4KD7r1IkuzBEGrBMVYP2JQKGqU+U4vY+K0g0UFiDyuZUapMLeEiA9FZagkXm3FIxsz4BamqTlNLuMh2y/IlQd4338Cln4uR8gpZtheQ6C4gtkYURZ33vye209cq6v1mvhVa3/uGbwcn+MPk+WvomC3gcEfrj5Ax0YIAjkOCF5c1hLVcM7FywBoEu8gBkYLfSu37xHWVAyIF50TOjc7Mz33IAfFLbB/HzBOtp5HzBiSKgJnfhda9zhk1WevyMd9MtD7qbLRC9D1IwDUDD0A/h2EQZlKeDJ3jBwuPYdN6tqOOAAAAAElFTkSuQmCC) no-repeat left 10px;padding-left:52px;padding-bottom:6px}.scenario-screen .content .feedback h1.title{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAgCAYAAACYTcH3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFIGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDktMjFUMTI6Mzk6MzkrMDI6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTA5LTIxVDEyOjU5OjQxKzAyOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA5LTIxVDEyOjU5OjQxKzAyOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg5M2UyNWFkLTAzM2QtNDhlNy1hNGE5LTVhZTI3Yzk4MjcyOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4OTNlMjVhZC0wMzNkLTQ4ZTctYTRhOS01YWUyN2M5ODI3MjkiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4OTNlMjVhZC0wMzNkLTQ4ZTctYTRhOS01YWUyN2M5ODI3MjkiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjg5M2UyNWFkLTAzM2QtNDhlNy1hNGE5LTVhZTI3Yzk4MjcyOSIgc3RFdnQ6d2hlbj0iMjAyMC0wOS0yMVQxMjozOTozOSswMjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DNiU8gAAARlJREFUWIXtljFuwjAUhr8XqiAx0aVDRWa2zmzQK3Rq1h6hN+gBOELnMHEEJMbuTIwBMdChFWqHdmg6lCAq4WDHsZwh3+bkxfn820+JAJCkDyDP+GNAHL0Ik/SRTMYeRf5ocSMkq8y3R07gW+CYRkZFrWQuVDey+14lL5hvvxjNXrVqnSczvGpr1zqXudVMBQq2SSbrSmRMqNUBrpWMcpvArKPev3+4nG6sZJTJmLZ2Nwx4u7t2I1OGbmg3nfLpp8XOeDLbDmx+IVQ0MioaGRUBu17oWwKAOBI5DHy2eBwJgJyrK0R/AUviqH+uqPBDWQn7Vevg8gB/mIiAq2QMJXLKJ5OsPk9czcqKgF0ynX8jC4kc+22qQCLnF0NHM4vRcIOtAAAAAElFTkSuQmCC) no-repeat left 5px;padding-left:52px}.scenario-screen .content .feedback .reaction{background:#fff 0% 0% no-repeat padding-box;border-radius:5px;margin-bottom:8px;padding:8px}.scenario-screen .content .feedback .reaction p,.scenario-screen .content .feedback .reaction ol{margin:0}.scenario-screen .content .feedback .reaction.wrong{border:2px solid #F54A4A;background:#ffe1e1 0% 0% no-repeat padding-box}.scenario-screen .content .feedback .reaction.correct{border:2px solid #49C14E;background:#d7f9da 0% 0% no-repeat padding-box}.image{position:absolute;width:calc(100% - 16px);height:calc(100% - 16px);background:orange;left:8px;top:8px;overflow:hidden;z-index:3;animation:pop .35s ease-out;transform:scale(0);animation-fill-mode:forwards;display:flex;align-items:center}.image img{width:100%}.image .close-image{position:absolute;z-index:2;height:30px;width:30px;right:8px;top:8px}@keyframes pop{0%{transform:scale(0)}10%{transform:scale(.25)}50%{transform:scale(1)}to{transform:scale(1)}}.loading-background{background:#47c3ff;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.white-block{background:#fff;width:128px;height:128px;position:relative}.blue-block{background:#47c3ff;width:50%;height:50%;animation:square-round-the-world 3.5s none .2s infinite;position:absolute}@keyframes square-round-the-world{0%{transform:translate(-1px,-1px)}15%{transform:translate(-1px,100%)}25%{transform:translate(-1px,100%)}40%{transform:translate(100%,100%)}50%{transform:translate(100%,100%)}60%{transform:translate(100%,-1px)}70%{transform:translate(100%,-1px)}90%{transform:translate(-1px,-1px)}}.outset{background:#fff;position:absolute;width:70%;height:70%;animation:outside-go-out 3.5s none .2s infinite}@keyframes outside-go-out{0%{right:0;top:0}50%{right:0;top:0}60%{right:-20%;top:-20%}70%{right:-20%;top:-20%}90%{right:0;top:0}to{right:0;top:0}}.subtext{margin-top:32px;color:#fff;font:26px Open Sans,sans-serif;font-weight:300}.dot1{animation:visibility 3s linear infinite}@keyframes visibility{0%{opacity:1}65%{opacity:1}66%{opacity:0}to{opacity:0}}.dot2{animation:visibility2 3s linear infinite}@keyframes visibility2{0%{opacity:0}21%{opacity:0}22%{opacity:1}65%{opacity:1}66%{opacity:0}to{opacity:0}}.dot3{animation:visibility3 3s linear infinite}@keyframes visibility3{0%{opacity:0}43%{opacity:0}44%{opacity:1}65%{opacity:1}66%{opacity:0}to{opacity:0}}.basedialog{max-height:422px;max-width:832px;background:#fff 0% 0% no-repeat padding-box;border:4px solid #3FA9BF;border-radius:15px;margin:auto}.intro-dialog{display:flex;flex-direction:column}.intro-dialog h1{font-size:1.5rem}.intro-dialog .top{flex:1;text-align:center;padding-top:16px}.intro-dialog .center{text-align:center;text-wrap:balance;padding:.5rem 1rem 1rem}.intro-dialog .bottom{height:94px;background:#24a5c5;border-bottom-right-radius:10px;border-bottom-left-radius:10px;overflow:hidden;display:flex;align-items:center}.intro-dialog .bottom .star{margin:auto 16px}.intro-dialog .bottom .stars-to-gain{align-self:center;color:#fff;font-size:x-large;flex:1}.intro-dialog .bottom .start{margin:auto 32px}@media only screen and (min-width: 576px){.intro-dialog{font-size:large}}.complete-dialog{display:flex;flex-direction:column;font-size:large;min-width:33rem}.complete-dialog .block{flex:1;text-align:center;padding:16px}.complete-dialog .score ul{list-style:none;margin:0;padding:0}.complete-dialog .score ul li{text-align:center}.complete-dialog .score.fade-out{animation-fill-mode:forwards;animation:fade-out .4s 2s forwards}.complete-dialog .block.stars{display:flex;justify-content:center}.complete-dialog .block.stars div{position:relative;width:48px;height:48px;margin:8px}.complete-dialog .block.stars div svg{width:100%;height:100%;position:absolute;left:0}.complete-dialog .block.stars div svg.full{transform:scale(0);animation-fill-mode:forwards}.complete-dialog .block.stars div:nth-child(1) svg.full{animation:pop-star-in .4s .1s cubic-bezier(.64,.57,.67,1.53) forwards}.complete-dialog .block.stars div:nth-child(2) svg.full{animation:pop-star-in .4s .2s cubic-bezier(.64,.57,.67,1.53) forwards}.complete-dialog .block.stars div:nth-child(3) svg.full{animation:pop-star-in .4s .3s cubic-bezier(.64,.57,.67,1.53) forwards}.complete-dialog .block.stars div:nth-child(4) svg.full{animation:pop-star-in .4s .4s cubic-bezier(.64,.57,.67,1.53) forwards}.complete-dialog .block.stars div:nth-child(5) svg.full{animation:pop-star-in .4s .5s cubic-bezier(.64,.57,.67,1.53) forwards}.complete-dialog .block.stars div:nth-child(6) svg.full{animation:pop-star-in .4s .6s cubic-bezier(.64,.57,.67,1.53) forwards}.complete-dialog .block.stars div:nth-child(7) svg.full{animation:pop-star-in .4s .7s cubic-bezier(.64,.57,.67,1.53) forwards}.complete-dialog .block.stars div:nth-child(8) svg.full{animation:pop-star-in .4s .8s cubic-bezier(.64,.57,.67,1.53) forwards}.complete-dialog .block.stars div:nth-child(9) svg.full{animation:pop-star-in .4s .9s cubic-bezier(.64,.57,.67,1.53) forwards}.complete-dialog .block.stars div:nth-child(10) svg.full{animation:pop-star-in .4s 1s cubic-bezier(.64,.57,.67,1.53) forwards}.complete-dialog .block.stars div:nth-child(11) svg.full{animation:pop-star-in .4s 1.1s cubic-bezier(.64,.57,.67,1.53) forwards}.complete-dialog .block.stars div:nth-child(12) svg.full{animation:pop-star-in .4s 1.2s cubic-bezier(.64,.57,.67,1.53) forwards}.complete-dialog .block.stars div:nth-child(13) svg.full{animation:pop-star-in .4s 1.3s cubic-bezier(.64,.57,.67,1.53) forwards}.complete-dialog .block.stars div:nth-child(14) svg.full{animation:pop-star-in .4s 1.4s cubic-bezier(.64,.57,.67,1.53) forwards}.complete-dialog .block.stars div:nth-child(15) svg.full{animation:pop-star-in .4s 1.5s cubic-bezier(.64,.57,.67,1.53) forwards}.complete-dialog .block.stars div:nth-child(16) svg.full{animation:pop-star-in .4s 1.6s cubic-bezier(.64,.57,.67,1.53) forwards}.complete-dialog .block.stars div:nth-child(17) svg.full{animation:pop-star-in .4s 1.7s cubic-bezier(.64,.57,.67,1.53) forwards}.complete-dialog .block.stars div:nth-child(18) svg.full{animation:pop-star-in .4s 1.8s cubic-bezier(.64,.57,.67,1.53) forwards}.complete-dialog .block.stars div:nth-child(19) svg.full{animation:pop-star-in .4s 1.9s cubic-bezier(.64,.57,.67,1.53) forwards}.complete-dialog .block.stars div:nth-child(20) svg.full{animation:pop-star-in .4s 2s cubic-bezier(.64,.57,.67,1.53) forwards}@keyframes pop-star-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fade-out{to{opacity:0}}.complete-dialog .center{text-align:center;padding:8px 8px 16px}.complete-dialog .bottom{height:8rem;background:#ebebeb;border-bottom-right-radius:10px;border-bottom-left-radius:10px;gap:2rem;padding:2rem;overflow:hidden;align-items:center;display:flex;justify-content:center}.complete-dialog .bottom button{width:224px;margin:0 16px}.complete-dialog .bottom .start{margin:20px 48px 0 auto;position:absolute;right:0}.complete-dialog .bottom .star{margin:0 32px}.instructions-box{position:absolute;left:32px;right:32px;top:32px;background:#fff;padding:16px;font-size:larger;border-radius:8px;transition:opacity .5s}@media (max-width: 768px){.instructions-box{padding:8px}}.instructions-box button{margin-left:16px}.progressBar{min-width:135px;height:2rem;background:#292929;border:1px solid #111;border-radius:5px;overflow:hidden;box-shadow:0 0 5px #333;position:relative}.progressBar .bar{background-color:#1a82f7;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#0099FF),to(#1a82f7));background:-webkit-linear-gradient(top,#0099FF,#1a82f7);background:-moz-linear-gradient(top,#0099FF,#1a82f7);background:-ms-linear-gradient(top,#0099FF,#1a82f7);background:-o-linear-gradient(top,#0099FF,#1a82f7);background:linear-gradient(#09f,#1a82f7);height:100%;font-size:12px}.progressBar .value{color:#fff;position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center;white-space:nowrap}.timed-finder-box{position:absolute;right:32px;top:32px;background:#fff;padding:16px;font-size:larger;border-radius:8px;display:flex}@media (max-width: 768px){.timed-finder-box{padding:8px}}.timed-finder-box .items-remain{margin-right:.5rem;margin-top:.25rem}.background{background:transparent linear-gradient(220deg,#6cd3ff,#09e93e) 0% 0% no-repeat padding-box;opacity:1;height:100vh;display:flex;flex-direction:column;justify-content:center}.button{border-width:2px;border-bottom-width:6px;border-radius:6px;text-align:center;font:24px Open Sans,sans-serif;letter-spacing:0px;opacity:1;padding:8px 32px;border-style:solid}@media (max-width: 768px){.button{padding:4px 16px;font-size:20px}}.button:disabled{opacity:.4;filter:grayscale(1);pointer-events:none}.button.green{color:#fff;background:#2fb833 0% 0% no-repeat padding-box;border-color:#39683b}.button.red{color:#fff;background:#ff6565 0% 0% no-repeat padding-box;border-color:#a23b3b}.button.white{color:#2b2b2b;background:#fff 0% 0% no-repeat padding-box;border-color:#2b2b2b}.button.gray{background:#2fb833 0% 0% no-repeat padding-box;border-color:#39683b;color:#000}.right-align{margin-left:auto}.star{height:64px;width:64px}.App{display:flex;flex-direction:column}.App select{height:24px}body{margin:0;font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}