:root{--off-white:#f7f7f7;--lavender:#949cff;--deep-slate:#435373;--light-slate:#e4e4e7;--medium-slate:#9fa4b7;--yellow:#ffc812;--flora:#8fcca0}.question{text-align:center;font-size:1.5rem;margin-bottom:1rem;color:var(--deep-slate)}@media (max-width:600px){.question{font-size:1.2rem;margin-bottom:.5rem}}.answers{flex-wrap:wrap;gap:10px;justify-content:space-evenly}.answer-bubble,.answers{display:flex;align-items:center}.answer-bubble{justify-content:center;margin:.5rem;padding:1rem;width:350px;height:50px;background-color:var(--lavender);color:var(--off-white);border-radius:9999px;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .2s ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-4 .answer-bubble,.question-7 .answer-bubble{background-color:var(--lavender);transition:transform .2s ease-in-out,border-color .2s ease-in-out}.question-4 .answer-bubble.selected,.question-7 .answer-bubble.selected{background-color:var(--deep-slate);border-color:var(--deep-slate)}@media (hover:hover){.answer-bubble:hover{transform:scale(1.05)}}@media (hover:none){.answer-bubble:active{background-color:var(--light-slate);box-shadow:0 2px 4px rgba(0,0,0,.1)}}.age-dropdown{width:200px;padding:10px;border-radius:20px;background-color:var(--light-slate);border:1px solid #ccc;color:var(--deep-slate);font-size:1rem;cursor:pointer}@media (max-width:768px){.age-dropdown{width:70%;padding:10px;border-radius:8px;font-size:16px}}.quiz-container{padding-bottom:6rem;max-width:750px;margin:10rem auto 0;min-height:100vh;max-height:100%}@media (max-width:600px){.quiz-container{padding-bottom:3rem;margin-top:10rem;min-height:100vh;max-height:100%;margin-bottom:0}}.quiz-svg-illustration{position:absolute;top:-600px;left:0;z-index:-1;width:600px;height:auto}.custom-page-illustration-wrapper{position:absolute;top:150px;left:50px;z-index:-1}.progress-bar-container{width:400px;background-color:var(--light-slate);border-radius:5px;margin:20px auto}@media (max-width:600px){.progress-bar-container{width:350px;margin:10px auto}}.progress-bar{height:20px;background-color:var(--flora);width:0;border-radius:5px;transition:width .4s ease-in-out}.next-button{display:block;margin:20px auto;padding:10px 30px;background-color:var(--yellow);color:var(--deep-slate);border:none;cursor:pointer;text-align:center;font-size:1.3rem;border-radius:25px;width:auto;z-index:100!important}.next-button:hover{background-color:#8fcca0;color:var(--off-white)}.disabled-button{display:block;margin:20px auto;padding:10px 30px;border:none;cursor:pointer;text-align:center;font-size:1.3rem;border-radius:25px;width:auto;z-index:100!important;background-color:#e4e4e4;color:#cfcfcf}.input-text{padding:10px;margin:10px 0;border:1px solid var(--medium-slate);border-radius:5px;width:200px;box-sizing:border-box;font-size:16px;color:var(--deep-slate);background-color:var(--off-white)}.input-text:focus{border-color:#4caf50;outline:none}@media (max-width:600px){.input-text{width:200px}}.completion-message{font-size:24px;color:var(--deep-slate);font-weight:700;text-align:center;padding:10px;border-radius:8px;width:-moz-fit-content;width:fit-content;margin:20px auto}.go-back-container{display:flex;justify-content:center;margin-top:20px}.go-back-button{padding:10px 20px;font-size:16px;color:"#435373";background-color:#e4e4e7;border:2px solid #9fa4b7;border-radius:25px;cursor:pointer;transition:opacity .3s ease}.go-back-button:hover{opacity:.8}@media (min-width:768px){.answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.question-4 h3{text-align:center;margin-bottom:10px}.answer-bubble{padding:10px 20px;width:100%}.answer-bubble.selected{background-color:#435373;color:#f7f7f7}}@media (max-width:768px){.hide-on-mobile{display:none!important}}