.svg-icon-shadow{box-shadow:1px 2px 3px rgba(0,0,0,.5)}.svg-icon{border-radius:100%}.svg-icon svg{height:100%}.svg-icon svg path{fill:#fff}.svg-icon svg path.svg-outline{stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.svg-icon svg g.svg-thick-strokes path{stroke-width:40;stroke-linecap:round;stroke-linejoin:round}.svg-icon.svg-outline-green svg path{stroke:#008c78}.svg-icon.svg-outline-yellow svg path{stroke:#ffb301}.svg-icon-green svg circle,.svg-icon-green svg path.svg-outline{fill:#008c78}.svg-icon-green svg g.svg-thick-strokes path{fill:#008c78;stroke:#008c78}.svg-icon-darkgreen svg circle,.svg-icon-darkgreen svg path.svg-outline{fill:#123040}.svg-icon-darkgreen svg g.svg-thick-strokes path{fill:#123040;stroke:#123040}.svg-icon-lightgreen svg circle,.svg-icon-lightgreen svg path.svg-outline{fill:#66baad}.svg-icon-lightgreen svg g.svg-thick-strokes path{fill:#66baad;stroke:#66baad}.svg-icon-yellow svg circle,.svg-icon-yellow svg path.svg-outline{fill:#ffb301}.svg-icon-yellow svg g.svg-thick-strokes path{fill:#ffb301;stroke:#ffb301}.outlined-icon path{stroke:#fff;stroke-width:6;fill:none!important;stroke-miterlimit:10;stroke-linecap:round;stroke-linejoin:round}.popup{width:100vw;height:100vh;color:#fff;top:0;left:0;z-index:1000;position:absolute;transition:left .4s,top .4s,-webkit-transform .4s;transition:transform .4s,left .4s,top .4s;transition:transform .4s,left .4s,top .4s,-webkit-transform .4s}.popup .popup-background{background-color:rgba(0,0,0,.863);width:100%;height:100%}.popup img{border-radius:.95em;max-width:90%;max-height:90%}.popup-hidden{-webkit-transform:scale(0);transform:scale(0)}.swipable-cardstack{height:50vh}.swipable-cardstack .cardstack{position:relative;width:calc(min(62vh, 50vw));min-height:50vh;color:#fff}.swipable-cardstack .cardstack :first-child{left:0;top:0}.swipable-cardstack .cardstack :nth-child(2){left:5px;top:6px}.swipable-cardstack .cardstack :nth-child(3){left:10px;top:12px}.swipable-cardstack .cardstack :nth-child(4){left:15px;top:18px}.swipable-cardstack .cardstack :nth-child(5){left:20px;top:24px}.swipable-cardstack .cardstack :nth-child(6){left:25px;top:30px}.swipable-cardstack .cardstack :nth-child(7){left:30px;top:36px}.swipable-cardstack .cardstack :nth-child(8){left:35px;top:42px}.swipable-cardstack .cardstack :nth-child(9){left:40px;top:48px}.swipable-cardstack .cardstack :nth-child(10){left:45px;top:54px}.swipable-cardstack .cardstack .card{background-color:#fff;color:#000;font-size:1.1em;border:1px solid #fff;border-radius:1.8em;box-shadow:0 0 .65em #747474,0 0 .75em #000}.swipable-cardstack .cardstack .card img{border-radius:.95em;max-width:95%;max-height:95%}.swipable-cardstack .cardstack .card-dragging{background-color:#e6e6e6;border-color:#e6e6e6}.swipable-cardstack .cardstack .card-next>*{opacity:.9}.swipable-cardstack .cardstack .card-clickable img{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.swipable-cardstack .cardstack .card-clickable img:hover{-webkit-transform:scale(1.02);transform:scale(1.02);cursor:pointer}.swipable-cardstack .cardstack:hover .card-animation{transition-delay:.15s;transition:top .3s,left .3s}.swipable-cardstack .cardstack:hover :first-child{left:0;top:0}.swipable-cardstack .cardstack:hover :nth-child(2){left:6px;top:7.5px}.swipable-cardstack .cardstack:hover :nth-child(3){left:12px;top:15px}.swipable-cardstack .cardstack:hover :nth-child(4){left:18px;top:22.5px}.swipable-cardstack .cardstack:hover :nth-child(5){left:24px;top:30px}.swipable-cardstack .cardstack:hover :nth-child(6){left:30px;top:37.5px}.swipable-cardstack .cardstack:hover :nth-child(7){left:36px;top:45px}.swipable-cardstack .cardstack:hover :nth-child(8){left:42px;top:52.5px}.swipable-cardstack .cardstack:hover :nth-child(9){left:48px;top:60px}.swipable-cardstack .cardstack:hover :nth-child(10){left:54px;top:67.5px}.swipable-cardstack .swipe-icon .svg-icon svg{transition:-webkit-filter .15s,-webkit-transform .25s;transition:filter .15s,transform .25s;transition:filter .15s,transform .25s,-webkit-filter .15s,-webkit-transform .25s}.swipable-cardstack .swipe-icon-clickable svg:hover{-webkit-filter:contrast(200%);filter:contrast(200%);-webkit-transform:scale(1.08);transform:scale(1.08);cursor:pointer}.swipable-cardstack .swipe-icon-disabled svg{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.swipable-cardstack .card,.swipable-cardstack .card-dropzone{width:100%;height:100%;position:absolute}.swipable-cardstack .icon-dropzone{width:calc(min(22vh, 18vw))}.swipable-cardstack .empty-placeholder{width:0;height:0;display:none}.swipable-cardstack .legend{font-size:1.17em}.swipable-cardstack .legend-green{color:#008c78}.swipable-cardstack .legend-yellow{color:#ffb301}.temperature-cursor{width:calc(min(40vw, 50vh))}.temperature-cursor svg{overflow:visible}.temperature-cursor.temperature-cursor-cold .thermometer-coloured-group line{stroke:#005eb0}.temperature-cursor.temperature-cursor-cold .thermometer-coloured-group circle{fill:#005eb0}.temperature-cursor.temperature-cursor-comfort .thermometer-coloured-group line{stroke:#008c78}.temperature-cursor.temperature-cursor-comfort .thermometer-coloured-group circle{fill:#008c78}.temperature-cursor.temperature-cursor-hot .thermometer-coloured-group line{stroke:#fa6321}.temperature-cursor.temperature-cursor-hot .thermometer-coloured-group circle{fill:#fa6321}.temperature-cursor .thermometer-coloured-group svg{overflow:visible}.temperature-cursor .thermometer-coloured-group line{stroke-width:10;stroke-linecap:round}.temperature-cursor .thermometer-black-elements text{font-size:1.6em;text-anchor:middle}.temperature-cursor .thermometer-black-elements line{stroke-width:7;stroke:#000;stroke-linecap:round}.timer{max-height:100px;height:13vh}.timer .timer-label{transition:color 3s;color:#ffcc6e}.timer .svg-icon{height:100%}.timer.timer-urgent .timer-label{color:#f8ac20}.timer.timer-almost-over .timer-label{color:#f55b14}.timer.timer-over .timer-label{color:#fa2a1b;transition:color 0s}.game-level .timer{position:absolute;bottom:.65em;right:.65em}.explanations{overflow-y:auto;overflow-x:hidden}.explanation-description{font-size:1.25em}.miniatures-main-container .miniature-container-col{width:48.5%}.miniatures-main-container .miniature-container-col .explanation-miniature{padding:3.5%;border-radius:.6em;box-shadow:0 0 .25em #747474,0 0 .32em #646464;overflow:visible;background:#fff;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}.miniatures-main-container .miniature-container-col .explanation-miniature :hover{cursor:pointer}.miniatures-main-container .miniature-container-col .explanation-miniature img{object-fit:cover;border-radius:.5em;width:100%;height:100%;transition:-webkit-filter .15s;transition:filter .15s;transition:filter .15s,-webkit-filter .15s}.miniatures-main-container .miniature-container-col .explanation-miniature:hover{-webkit-transform:scale(1.065);transform:scale(1.065)}.miniatures-main-container .miniature-container-col .explanation-miniature:hover img{-webkit-filter:brightness(120%);filter:brightness(120%)}@media(max-width:641.98px){.miniatures-main-container{flex-direction:column}.miniatures-main-container .miniature-container-col{width:100%}.miniatures-main-container .explanation-miniature{width:27vw;height:20.25vw}.miniatures-main-container .miniature-placeholder{width:27vw}.miniatures-main-container .miniature-col-icon{width:16.74vw}}@media(min-width:642px)and (max-width:767.98px){.miniatures-main-container{flex-direction:column}.miniatures-main-container .miniature-container-col{width:100%}.miniatures-main-container .explanation-miniature{width:21vw;height:15.75vw}.miniatures-main-container .miniature-placeholder{width:21vw}.miniatures-main-container .miniature-col-icon{width:13.02vw}}@media(min-width:768px)and (max-width:1199.98px){.miniatures-main-container{flex-direction:row}.miniatures-main-container .explanation-miniature{width:20vw;height:15vw}.miniatures-main-container .miniature-placeholder{width:20vw}.miniatures-main-container .miniature-col-icon{width:12.4vw}}@media(min-width:1200px){.miniatures-main-container{flex-direction:row}.miniatures-main-container .explanation-miniature{width:14vw;height:10.5vw}.miniatures-main-container .miniature-placeholder{width:14vw}.miniatures-main-container .miniature-col-icon{width:8.68vw}}.explanations-footer .icon-btn,.explanations-footer .zoom-explanations{width:18%}.explanations-footer .zoom-explanations-icon{width:33%}.explanation-popup-content{max-height:60%}.homescreen{background-color:#008c78;color:#fff}.stepper .stepper-dot{width:.55em}.stepper .stepper-dot-active circle{fill:#363636}.stepper .stepper-dot-inactive circle{fill:#999}.stepper.stepper-1{width:.55em}.stepper.stepper-2{width:1.65em}.stepper.stepper-3{width:2.75em}.stepper.stepper-4{width:3.85em}.stepper.stepper-5{width:4.95em}.stepper.stepper-6{width:6.05em}.stepper.stepper-7{width:7.15em}.stepper.stepper-8{width:8.25em}.stepper.stepper-9{width:9.35em}.stepper.stepper-10{width:10.45em}.swipe-demo,.swipe-demo svg{overflow:visible}.swipe-demo .outline-group path{stroke:#f7d97b;stroke-width:40;stroke-miterlimit:10;stroke-linecap:round;stroke-linejoin:round;fill:#f7d97b}.swipe-demo .stroke-group path{stroke:#123040;stroke-width:6;stroke-miterlimit:10;stroke-linecap:square;fill:none}.swipe-demo .hand-group{-webkit-animation:swiperight 4s ease-out 0s infinite running;animation:swiperight 4s ease-out 0s infinite running;-webkit-transform-origin:37% 75%;transform-origin:37% 75%}@-webkit-keyframes swiperight{0%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}15%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}to{-webkit-transform:rotate(18deg);transform:rotate(18deg)}}@keyframes swiperight{0%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}15%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}to{-webkit-transform:rotate(18deg);transform:rotate(18deg)}}.tutorial-top{min-height:3vh}.tutorial-bottom{min-height:20vh;width:calc(min(60vw, 80vh))}.tutorial-bottom .svg-icon{width:4.2em}.tuto-step3-text{font-size:1.1em}.intro-background{position:absolute;width:100vw;height:100vh;overflow:hidden}.intro-background img{width:100%;height:100%;object-fit:cover}.intro-background .domtom-background{background-color:#ffa17a;width:100%;height:100%}.intro-foreground{z-index:1}.intro-text div{text-align:center;width:100%}@font-face{font-family:"Futura bold";src:local("Futura bold"),url(/static/media/futura-bold.7bfa5614.ttf) format("truetype")}@font-face{font-family:"Futura medium";src:local("Futura medium"),url(/static/media/futura-medium.4e762c29.ttf) format("truetype")}@font-face{font-family:"Futura light";src:local("Futura light"),url(/static/media/futura-light.ead7282f.ttf) format("truetype")}.app{background-color:#fff;color:#123040;font-family:"Futura bold";font-size:1.35em;width:100vw;height:100vh;overflow:hidden}.center-child{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.icon-btn{max-width:140px}.icon-btn svg{transition:-webkit-filter .25s,-webkit-transform .35s;transition:filter .25s,transform .35s;transition:filter .25s,transform .35s,-webkit-filter .25s,-webkit-transform .35s}.icon-btn :hover svg{-webkit-filter:contrast(110%);filter:contrast(110%);-webkit-transform:scale(1.08);transform:scale(1.08);cursor:pointer}.min-h-100{min-height:100%}.min-w-100{min-width:100%}.level-result .clap-icon-container{max-width:9vw;width:100%;max-height:4.4em}.level-result .clap-icon-container .svg-icon{height:100%}.level-result .level-result-text.long-text .correct-count{font-size:1.4em}.level-result .level-result-text.long-text .correct-answers{font-size:1.05em}.level-result .level-result-text.long-text .result-main-text{font-size:.87em}.level-result .level-result-text .correct-count{font-size:1.8em;line-height:1;font-weight:700}.level-result .level-result-text .correct-answers{font-size:1.35em;line-height:1;font-weight:700}.endscreen .clap-icon-container{max-width:9vw;width:100%;max-height:4.4em}.endscreen .clap-icon-container .svg-icon{height:100%}.endscreen .endscreen-text .header-text{font-size:1.8em;line-height:1;font-weight:700}.endscreen .endscreen-text .subtitle-text{font-size:1.35em;line-height:1;font-weight:700}.endscreen .endscreen-placeholder{height:10vh}
/*# sourceMappingURL=main.f9b27147.chunk.css.map */