.survey-test-wrapper{width:100%;max-width:800px;margin:0 auto}.multi-step-mode .step-1.active,.multi-step-mode .step-2.active,.multi-step-mode .step-3.active,.multi-step-mode .step-4.active{display:block!important;opacity:1!important}.auto-advance .step-1,.auto-advance .step-2,.auto-advance .step-3,.auto-advance .step-4{transition:opacity .5s ease-in-out,transform .5s ease-in-out}.survey-content-container{width:100%}.step-1,.step-2,.step-3,.step-4{width:100%;transition:opacity .3s ease-in-out}.step-1.active,.step-2.active,.step-3.active,.step-4.active{opacity:1;display:block}.step-1.hidden,.step-2.hidden,.step-3.hidden,.step-4.hidden{opacity:0;display:none}.step-content-block{width:100%;animation:fadeIn .3s ease-in-out;display:flex;flex-direction:column;align-items:center;gap:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-header-wrapper{margin-bottom:2rem;width:100%;display:flex;flex-direction:column;align-items:center}.step-title-text{color:#221e1f;margin-bottom:.5rem}.step-question-text{color:#221e1f;margin-bottom:1rem}.step-address-text{color:#221e1f;margin-bottom:2rem}.step-image-wrapper{position:relative;margin:2rem 0;width:100%;max-width:300px;height:150px;display:flex;justify-content:center;align-items:center}.survey-image{position:relative;opacity:0;transition:opacity .3s ease-in-out;max-width:100%;height:auto;object-fit:contain}.survey-image.active{opacity:1}.step-options-container{width:100%;max-width:600px;margin-top:2rem;z-index:1;position:relative}.option-item-wrapper{margin-bottom:1rem}.nested-option-wrapper{margin-top:1rem;padding-left:1rem;border-left:2px solid #e0e0e0}.nested-question-text{font-weight:600;margin-bottom:.5rem}.next-button-wrapper,.submit-button-wrapper{margin-top:2rem;text-align:center}.next-step-button,.submit-survey-button{min-width:200px;height:48px;font-size:16px;font-weight:700;text-transform:none;border-radius:8px;transition:all .2s ease-in-out}.next-step-button:hover,.submit-survey-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.next-step-button:disabled,.submit-survey-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width:768px){.step-header-wrapper,.step-options-container{padding:0 1rem}.next-step-button,.submit-survey-button{min-width:100%;max-width:300px}}.single-page-mode .step-1,.single-page-mode .step-2,.single-page-mode .step-3,.single-page-mode .step-4{display:block!important;opacity:1!important;margin-bottom:3rem}.single-page-mode .step-1.hidden,.single-page-mode .step-2.hidden,.single-page-mode .step-3.hidden,.single-page-mode .step-4.hidden{display:block!important;opacity:1!important}.multi-step-mode .step-1,.multi-step-mode .step-2,.multi-step-mode .step-3,.multi-step-mode .step-4{display:none;opacity:0}.multi-step-mode .step-1.active,.multi-step-mode .step-2.active,.multi-step-mode .step-3.active,.multi-step-mode .step-4.active{display:block;opacity:1}.auto-advance .step-content-block{animation:slideOut .3s ease-in-out}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}.progress-indicator{display:flex;justify-content:center;margin-bottom:2rem;gap:.5rem}.progress-step{width:12px;height:12px;border-radius:50%;background-color:#e0e0e0;transition:background-color .3s ease-in-out}.progress-step.active{background-color:#d11242}.progress-step.completed{background-color:#4caf50}