@font-face{font-family:Inter;src:url(../fonts/Inter/Inter-Light.ttf);font-weight:300}@font-face{font-family:Inter;src:url(../fonts/Inter/Inter-Regular.ttf);font-weight:400}@font-face{font-family:Inter;src:url(../fonts/Inter/Inter-Medium.ttf);font-weight:500}@font-face{font-family:Inter;src:url(../fonts/Inter/Inter-Bold.ttf);font-weight:700}@font-face{font-family:Inter;src:url(../fonts/Inter/Inter-Black.ttf);font-weight:900}@font-face{font-family:OmoType;font-weight:300;font-style:normal;src:url(../fonts/OmoTypeWebfont/OmoType-LightStdOne.ttf)}@font-face{font-family:OmoType;font-weight:400;font-style:normal;src:url(../fonts/OmoTypeWebfont/OmoType-RegularStdOne.ttf)}@font-face{font-family:OmoType;font-weight:500;font-style:normal;src:url(../fonts/OmoTypeWebfont/OmoType-MediumStdOne.ttf)}@font-face{font-family:OmoType;font-weight:700;font-style:normal;src:url(../fonts/OmoTypeWebfont/OmoType-BoldStdOne.ttf)}body.dyslexic-font{font-family:OmoType!important}.dark-theme>*,.dark-theme>* button,.dark-theme>* img,.dark-theme>* video{filter:invert(1)}body{background:#fff3f4;font-family:Inter}*{box-sizing:border-box}button{background-color:#a13642;border:0;color:#fff;font-weight:700;padding:8px 16px;width:150px;cursor:pointer}button.selectable{width:auto;margin-bottom:.5rem}button.selected{background-color:#4caf50}.error{font-size:.75em;color:#611510;padding-top:10px}.highlightable{cursor:pointer;transition:all .3s ease}.highlightable.selected,.highlightable:hover{background-color:#ff0}.container-audio,.container-mute{display:none}.container-mute .icon-audio{display:none;cursor:pointer}.container-mute img{width:40px}.container-mute .active{display:block;position:absolute;bottom:15px;right:15px;z-index:1}.container-main{max-width:1600px;aspect-ratio:16/9;margin:0 auto;position:relative;display:-ms-flexbox;display:flex}.container-main .info{top:30px;right:30px;gap:10px;width:140px}.container-main .controls,.container-main .info{display:none;position:absolute;-ms-flex-direction:column;flex-direction:column}.container-main .controls{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;bottom:70px;left:0;right:0;width:100%;gap:5px}.container-main .hint{position:absolute;top:5px;right:160px}.container-main .hint button{width:50px!important}.container-main .story{position:absolute;top:5px;right:220px}.container-main .story button{width:auto!important}.container-main .popup-hint,.container-main .popup-story{display:none;position:absolute;top:30px;left:30px;right:30px;bottom:30px;z-index:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-color:#fff;-ms-flex-direction:column;flex-direction:column;border:1px solid #aaa;gap:20px;padding:0 2rem}.container-main .popup-hint .container-story,.container-main .popup-hint .hint-answer,.container-main .popup-story .container-story,.container-main .popup-story .hint-answer{line-height:1.5}.container-main .popup-hint .container-story,.container-main .popup-story .container-story{overflow:auto}.container-main .popup-story{padding:1rem 2rem}.container-main .container-video{display:none}.container-main .container-video video{width:1600px;max-width:100%;height:auto}.container-main #start{background-image:url(../assets/background_start.jpg);background-size:contain;background-position:top;background-repeat:no-repeat;width:100%}.container-main #start,.container-main #start .container-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.container-main #start .container-info{height:300px;background:hsla(0,0%,100%,.9);-ms-flex-direction:column;flex-direction:column;gap:35px;padding:30px}.container-main #start .container-info .description{max-width:360px;line-height:1.5}.container-main #finish{background-color:#fff;width:100%;display:-ms-flexbox;display:flex;display:none}.container-main #finish,.container-main #finish .container-info{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.container-main #finish .container-info{display:-ms-flexbox;display:flex;height:300px;background:hsla(0,0%,100%,.9);-ms-flex-direction:column;flex-direction:column;gap:35px;padding:30px}.container-main #finish .container-info .title{color:#611510;font-size:1.5em;font-weight:700;padding-bottom:20px}.container-main #finish .container-info .description{max-width:360px;line-height:1.5}.container-main .container-question{display:none;background-color:#fff;-ms-flex-direction:column;flex-direction:column;gap:10px;width:100%;padding:20px 30px;-ms-flex-pack:center;justify-content:center}.container-main .container-question .title{color:#611510;font-size:1.5em;font-weight:700;padding-bottom:20px}.container-main .container-question .task{padding-bottom:20px}.container-main .container-question .answer{line-height:2}.container-main .container-question .answer.radio{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px}.container-main .container-question .answer.image-grid{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(150px,1fr))[auto-fill];grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1em;margin-top:1em}.container-main .container-question .answer.image-grid .item{width:100%;height:0;padding-bottom:100%;position:relative}.container-main .container-question .answer.image-grid .selectable-image{cursor:pointer;position:absolute;width:100%;height:100%;object-fit:cover;transition:.3s ease-in-out}.container-main .container-question .answer.image-grid .selectable-image.selected{border:3px solid #bc4f5c;box-sizing:border-box;padding:2px;transform:scale(.97)}.container-main .container-question .answer .item{display:-ms-flexbox;display:flex;gap:10px}.container-main .container-question .answer .container-table{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;max-width:600px}.container-main .container-question .answer .container-table .row{display:-ms-flexbox;display:flex;gap:10px}.container-main .container-question .answer .container-table .row .element{width:50%}.container-main .container-question input[type=text],.container-main .container-question textarea{color:#611510;border:0;border-bottom:1px solid #611510;outline:none;margin:0 10px;padding-bottom:4px;text-align:center;background:transparent}.container-main .container-question textarea{text-align:left;width:100%}.container-main .container-question input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:#611510;width:22px;height:22px;border:.15em solid #611510;border-radius:50%;transform:translateY(-.075em);display:-ms-grid;display:grid;place-content:center;-ms-flex-negative:0;flex-shrink:0}.container-main .container-question input[type=radio]:before{content:"";width:.65em;height:.65em;border-radius:50%;transform:scale(0);transition:transform .12s ease-in-out;box-shadow:inset 16px 16px #611510;background-color:#611510}.container-main .container-question input[type=radio]:checked:before{transform:scale(1)}.container-main .container-question input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:#370c10;width:1.15em;height:1.15em;border:.15em solid #370c10;border-radius:.15em;transform:translateY(.2em);display:-ms-grid;display:grid;place-content:center;-ms-flex-negative:0;flex-shrink:0}.container-main .container-question input[type=checkbox]:before{content:"";width:.65em;height:.65em;-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);transform:scale(0);transform-origin:bottom left;transition:transform .12s ease-in-out;box-shadow:inset 16px 16px #370c10;background-color:#370c10}.container-main .container-question input[type=checkbox]:checked:before{transform:scale(1)}.container-main .container-finish{display:none;background-color:#fff;-ms-flex-direction:column;flex-direction:column;gap:10px;width:100%;padding:20px 30px;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:1023px){.container-main{aspect-ratio:unset}.container-main #start{background-size:cover}.container-main .container-question{background-position:bottom;background-color:#fff;padding:100px 15px 120px}.container-main .answer .container-table{gap:15px}.container-main .answer .container-table .row{-ms-flex-direction:column;flex-direction:column;gap:5px}.container-main .answer .container-table .row .element{width:100%}}