#root{width:85%;max-width:1200px;margin:0 auto}#root *{box-sizing:border-box}:root{--font-family:"Quicksand", Helvetica, Roboto, Arial, sans-serif;--font-size-legende: .85rem;--color-green-inter-ultralight: #dee2dd;--color-green-inter-light: #cbd3c9;--color-green-inter: #677464;--color-green-inter-dark: #455342;--color-green-inter-success: #4f9d34;--color-green-inter-error: #d44d4d;--color-dark: #000000}.btn-validate{font-family:var(--font-family);font-weight:700;background-color:var(--color-green-inter);color:#fff;display:inline-block;font-size:.9rem;line-height:1;padding:1rem 2rem;border-radius:1.5rem!important;cursor:pointer;border:none;text-transform:uppercase;margin-top:1.5rem;text-decoration:none;transition:.1s background-color ease-in-out}.btn-validate:hover{background-color:var(--color-green-inter-dark);color:#fff!important;transition:.1s background-color ease-in-out}.btn-validate:disabled{opacity:.5;cursor:not-allowed}.quiz-title,.question-text,.question-container h2{font-size:1.7rem;line-height:1.3;font-weight:700;font-family:var(--font-family);color:var(--color-green-inter);margin-top:0;margin-bottom:1.5rem}.quiz-description{font-size:1rem;line-height:1.5;font-family:var(--font-family);color:var(--color-dark);margin-top:0;margin-bottom:0}.feedback{font-size:1.7rem;line-height:1.3;font-weight:700;font-family:var(--font-family);color:var(--color-green-inter);margin-top:0;margin-bottom:1.5rem}.explanation-text{font-size:1rem;line-height:1.5;font-family:var(--font-family);color:var(--color-dark);margin-top:0;margin-bottom:1.5rem}.explanation-list{font-size:1rem;line-height:1.5;font-family:var(--font-family);color:var(--color-dark);list-style:none;padding-left:0;margin-top:0;margin-bottom:1.5rem;margin-left:0}.explanation-list li{position:relative;padding-left:1rem;margin-bottom:.5rem}.explanation-list li:before{content:"•";font-weight:700;position:absolute;color:var(--color-green-inter);left:0;top:.1rem}.final-score-text.error-message{color:var(--color-green-inter-error);margin-bottom:1rem}.final-score-text.success-message{color:var(--color-green-inter-success);margin-bottom:1rem}.final-score-text{font-size:1rem;font-family:var(--font-family);color:var(--color-dark);margin:0;margin-bottom:.5rem!important}.final-score-number{font-size:3rem;font-family:var(--font-family);color:var(--color-green-inter);font-weight:700;margin-top:.5rem!important;margin-bottom:0!important;line-height:1.3!important}.question-counter{display:flex;flex-direction:column;align-items:start;margin-bottom:1.5rem}.question-counter p{font-size:.85rem;line-height:1.3;font-family:var(--font-family);color:var(--color-dark);margin-top:0;margin-bottom:.5rem}.question-counter-progress{width:90%;height:.6rem;background-color:#ededed;border-radius:.5rem;overflow:hidden;position:relative}.question-counter-progress-inner{position:absolute;top:0;left:0;height:100%;border-radius:.5rem;background-color:var(--color-green-inter);opacity:.8}.slide.intro-slide{width:100%}.question-slide,.final-slide,.score-slide{background-size:50% auto;background-position:bottom right;background-repeat:no-repeat}.slide-content{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem}@media (max-width: 980px){.slide-content{flex-direction:column;height:auto}}.quiz-intro-text{width:50%}@media (max-width: 980px){.quiz-intro-text{width:100%}}.quiz-image-container{width:50%;aspect-ratio:800/1000;margin:0;border-radius:1rem;overflow:hidden}@media (max-width: 980px){.quiz-image-container{width:100%;aspect-ratio:1/1}}.quiz-image{width:100%;height:100%!important;object-fit:cover}.quiz-image-container.contain .quiz-image{object-fit:contain}.question-container,.question-container-explanation{width:50%;padding:1.5rem;border-radius:1rem;box-shadow:0 0 10px #0000001a;background-color:#fff}@media (max-width: 980px){.question-container,.question-container-explanation{width:100%}}.user-image-container{width:7rem;height:7rem;margin:1.5rem 0 0}.user-image-container img{width:100%;height:100%;object-fit:contain}.question-image{width:100%;height:100%!important;object-fit:cover}.question-image-container{width:50%;height:80vh;margin:0;border-radius:1rem;position:relative;overflow:hidden}.question-image-container-inner{width:100%;aspect-ratio:800/1000;border-radius:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}@media (max-width: 980px){.question-image-container{width:70%;height:auto;aspect-ratio:800/1000}}.question-image-container.contain .question-image{object-fit:contain}.answers-container{display:flex;flex-direction:column;align-items:start;gap:1rem}.answer-btn{width:100%;background-color:#fff;font-family:var(--font-family);font-size:.95rem;line-height:1.3;padding:1rem 1rem 1rem 3rem;border-radius:.5rem;border:1px solid var(--color-green-inter-light);display:inline-block;text-align:left;cursor:pointer;position:relative}.answer-btn:before{content:"";position:absolute;top:50%;left:1rem;transform:translateY(-50%);width:1rem;height:1rem;border:1px solid var(--color-green-inter-light);background-color:#fff;border-radius:50%}.answer-btn.active{background-color:var(--color-green-inter-ultralight)}.answer-btn.active:before{border:3px solid #fff!important;background-color:var(--color-green-inter-light)}.final-form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px}@media (max-width: 980px){.final-form{max-width:600px}}.final-form label{font-size:.85rem;line-height:1.3;font-family:var(--font-family);color:var(--color-green-inter);margin-bottom:0}.final-form input[type=text],.final-form input[type=email]{padding:.75rem;font-family:var(--font-family);border:1px solid var(--color-green-inter-ultralight);border-radius:.3rem;font-size:1rem;margin-top:-.4rem;margin-bottom:0;box-shadow:none}.final-form input[type=text]:focus,.final-form input[type=email]:focus{outline:none;border-color:var(--color-green-inter)}.final-form input[type=text]::placeholder,.final-form input[type=email]::placeholder{color:var(--color-green-inter);opacity:.5}.final-form button{align-self:flex-start}.checkbox-container{display:flex;align-items:center;gap:.5rem}.checkbox-container label{font-family:var(--font-family);color:var(--color-dark);font-size:.85rem;line-height:1.3}.checkbox-container input[type=checkbox]{width:1.25rem;height:1.25rem}.checkbox-container label{font-size:.85rem;line-height:1.3;color:#555}.particular-field{position:absolute;left:-5000px}