.thank-you-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;background-color:#f8f8f8;text-align:center}.thank-you-title{font-size:3em;font-weight:700;margin-bottom:20px;color:#333}.thank-you-message{font-size:1em;color:#666}.user{display:flex;flex-direction:column;height:calc(100vh + -0px)}.user .user-header{flex:1;position:sticky;top:0%;background-color:#cdcdcd;display:flex;width:100%;padding:1rem}.user .user-header .user-header-title{flex:1.6;display:flex;flex-direction:column;justify-content:center;align-items:left}.user .user-header .user-header-nav{flex:4}.user .user-header .user-header-nav .user-curr{flex:4;padding:.5rem;position:relative;top:50%;text-align:center;border:1px dotted black;transform:translateY(-50%)}.user .user-header .user-header-contact{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:right}.user .user-header .user-header-contact button{border:0px;background:none;text-decoration:underline;font-size:1rem}.user .user-header .user-header-contact button:hover{color:gray;cursor:pointer}.user footer{text-align:center}.user footer a{text-decoration:none;color:gray;margin:1rem}.user footer a:hover{color:#000}.user .user-content{flex:19;background:#f8f8f8;overflow-y:scroll;overflow-x:hidden}.next-button{width:100%;padding:10px;max-width:600px;background-color:#000;color:#fff;border:none;border-radius:5px;cursor:pointer;position:relative;left:50%;transform:translate(-50%)}.next-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.next-button:not(:disabled):hover{background-color:#333}.next-button-proceeding{width:100%;padding:10px;max-width:600px;color:#fff;border:none;border-radius:5px;background-color:#bdc3c7;cursor:not-allowed;position:relative;left:50%;transform:translate(-50%)}.next-button-proceeding:disabled{background-color:#bdc3c7;cursor:not-allowed}.next-button-proceeding:not(:disabled):hover{background-color:#bdc3c7;cursor:not-allowed}.reg-form-container{display:flex;justify-content:center;align-items:center;height:100%;background-color:#f8f8f8}.reg-form-container .reg-form{padding:2rem;width:25rem;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a}.reg-form-container .reg-form .reg-form-header{text-align:center;margin-bottom:2rem}.reg-form-container .reg-form .reg-form-p{text-align:center;margin-bottom:1.3rem;font-size:.9rem;color:#666}.reg-form-container .reg-form form{display:flex;flex-direction:column;align-items:center}.reg-form-container .reg-form form .reg-form-pid{width:100%;padding:10px;margin-bottom:1.3rem;border-radius:5px;border:1px solid #ccc}.info-container{display:flex;justify-content:center;align-items:center;height:100%;background-color:#f8f8f8}.info-container .info-form{padding:2rem;width:25rem;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a}.info-container .info-form .info-header{text-align:center;margin-bottom:2rem}.info-container .info-form .info-label{display:block;margin-bottom:.5rem}.info-container .info-form .info-select{width:100%;padding:10px;margin-bottom:1.3rem;border-radius:5px;border:1px solid #ccc}.task-container{border-radius:10px;box-shadow:0 4px 8px #0000001a;position:relative;left:50%;top:50%;transform:translate(-50%,-50%);max-width:630px;display:flex;flex-direction:column;justify-content:start;align-items:center;padding:2rem;background-color:#f8f8f8}.task-container .task-title{font-size:24px;font-weight:700;color:#888;margin-bottom:20px}.task-container .task-intro{font-size:16px;color:#333;margin-bottom:20px}.task-container .task-list{display:flex;width:100%;flex-direction:column;justify-content:start;align-items:start;font-size:16px;line-height:1.5;margin-bottom:20px;padding-left:20px;color:#333}.task-container .task-list li{margin-bottom:10px}.task-container .avatar{position:absolute;right:2rem;top:14.5rem}@media only screen and (orientation: portrait){.task-container .avatar{display:none}}.task-container .avatar img{width:5rem;position:relative;left:50%;transform:translate(-50%)}.task-container .avatar p{color:#666;margin-top:-.6rem;font-size:1.5rem;text-align:center}.task-container .task-note{font-size:16px;line-height:1.5;margin-bottom:20px;color:#333}.task-container .task-note b{font-weight:700}.questionnaire-container{display:flex;flex-direction:column;justify-content:start;left:50%;transform:translate(-50%);height:100%;background-color:#f8f8f8;max-width:750px;position:relative}.questionnaire-container .questionnaire-title{font-size:24px;font-weight:700;color:#888;text-align:center;margin:1rem}.questionnaire-container .questionnaire-instruction{text-align:center;font-size:1.5rem;color:#333;margin:10px}.questionnaire-container .questionnaire-form{display:flex;flex-direction:column}.questionnaire-container .questionnaire-form .questionnaire-item{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.questionnaire-container .questionnaire-form .questionnaire-item .question-text{width:100%;text-align:left;font-size:1.1rem;color:#333;margin-bottom:10px}.questionnaire-container .questionnaire-form .questionnaire-item img{width:45rem}.questionnaire-container .questionnaire-form .questionnaire-item .rating-scale{display:flex;align-items:center;margin-bottom:1rem}.questionnaire-container .questionnaire-form .questionnaire-item .rating-scale-range{width:6rem;text-align:center;font-size:1.2rem;font-weight:700}.css-ahj2mt-MuiTypography-root{text-align:center}.decision-form-reading{height:100%;width:100%;background-color:#f8f8f8;padding:0rem 2rem 2rem;display:flex;flex-direction:column;align-items:center}.decision-form-reading .task-header{width:100%;position:sticky;padding-top:1rem;top:0;background-color:#f8f8f8}@media (max-width: 1200px){.decision-form-reading .task-header{position:relative!important}}.decision-form-reading .task-header .task-info{text-align:left;margin-bottom:20px}.decision-form-reading .task-header .task-info h3{font-size:20px;color:#666;margin-bottom:5px}.decision-form-reading .task-header .task-info .story-hint{color:#666;font-size:14px;border-bottom:1px dashed #ccc;padding-bottom:5px}.decision-form-reading .task-header .task-scenario{display:flex;flex-direction:column;align-items:center}.decision-form-reading .task-header .task-scenario h4{font-size:18px;font-weight:700;color:#333}.decision-form-reading .task-header .task-scenario p{overflow-y:auto;border-top:2px solid #333;border-bottom:2px solid #333;font-size:1rem;color:#444;line-height:1.6;text-align:justify;width:100%;max-width:500px}.decision-form-reading .task-answer-container{width:100%;max-width:500px}@media (min-width: 1200px){.decision-form{height:100%;width:100%;background-color:#f8f8f8;padding:0rem 2rem 2rem;display:flex;flex-direction:column;align-items:center}}@media (max-width: 1200px){.decision-form{position:relative;left:50%;transform:translate(-50%)}}.decision-form .task-header{width:100%;position:sticky;padding:0rem;top:2.5rem;margin-top:1rem;background-color:#f8f8f8}@media (max-width: 1200px){.decision-form .task-header{position:relative!important}}.decision-form .task-header .task-info{text-align:left;margin-bottom:20px}.decision-form .task-header .task-info h3{font-size:20px;color:#666;margin-bottom:5px}.decision-form .task-header .task-info .story-hint{color:#666;font-size:14px;border-bottom:1px dashed #ccc;padding-bottom:5px}.decision-form .task-header .task-header-content{height:17rem;position:relative;left:50%;transform:translate(-50%);display:flex;width:100%;justify-content:center;max-width:1379px}@media (max-width: 1200px){.decision-form .task-header .task-header-content{flex-direction:column;height:auto}}.decision-form .task-header .task-header-content .task-scenario{display:flex;align-items:center;flex-direction:column;flex:1;margin-bottom:20px;height:104%}.decision-form .task-header .task-header-content .task-scenario h4{font-size:18px;font-weight:700;color:#333}.decision-form .task-header .task-header-content .task-scenario p{overflow-y:auto;border-top:2px solid #333;border-bottom:2px solid #333;font-size:1rem;color:#444;line-height:1.6;text-align:justify;width:100%;max-width:500px}.decision-form .task-header .task-header-content .task-ai-bubble{flex:1;position:relative;left:0rem;top:-3rem;display:flex;overflow-y:visible;height:18rem}@media (max-width: 1200px){.decision-form .task-header .task-header-content .task-ai-bubble{overflow-x:scroll;overflow-y:clip}}.decision-form .task-header .task-header-content .task-ai-bubble .avatar{width:4.92rem;overflow:clip;position:relative;left:3.8rem;top:16.6rem}@media (max-width: 1200px){.decision-form .task-header .task-header-content .task-ai-bubble .avatar{top:17.3rem}}.decision-form .task-header .task-header-content .task-ai-bubble .avatar img{width:3rem;height:3rem;position:relative;left:20%;bottom:-3%}@media (max-width: 1200px){.decision-form .task-header .task-header-content .task-ai-bubble .avatar img{left:19%;bottom:2%}}.decision-form .task-header .task-header-content .task-ai-bubble .avatar p{font-size:1rem;color:#666;text-align:center}@media (max-width: 1200px){.decision-form .task-header .task-header-content .task-ai-bubble .avatar p{display:block;position:relative;bottom:5%;left:-31%;width:8rem}}.decision-form .task-header .task-header-content .task-ai-bubble .chat-bubble{position:relative;top:3rem}@media (max-width: 1200px){.decision-form .task-header .task-header-content .task-ai-bubble .chat-bubble{top:3rem}}.decision-form .task-header .task-header-content .task-ai-bubble .chat-bubble .wide-bubble{display:block;margin-top:-6rem;margin-left:0rem;width:50rem}.decision-form .task-header .task-header-content .task-ai-bubble .chat-bubble .narrow-bubble{display:block;margin-top:-6rem;position:relative;top:-.9rem;right:1.327rem;width:50rem;transform:scaleX(1.265) scaleY(1.0414)}.decision-form .task-header .task-header-content .task-ai-bubble .chat-bubble p{font-family:Helvetica,Cambria;display:flex;align-items:center;position:absolute;top:0;left:0;width:34.7rem;height:13.2rem;padding:1rem;margin-top:3.7rem;margin-left:7.9rem;box-sizing:border-box;color:#0f3677;font-size:1.25rem;line-height:1.3;border-radius:15px}.decision-form .task-header .task-header-content .task-ai-bubble .chat-bubble .p-loading{color:#0f3677;position:relative;top:-13rem;left:23.6rem}.decision-form .task-question{text-align:center;padding-top:2rem;margin-top:.5rem;padding-bottom:1rem;color:#876aea;border-bottom:1px dashed #ccc}.decision-form .task-answer-container{overflow-y:scroll;width:100%;display:flex;flex-direction:column;align-items:center}@media (max-width: 1200px){.decision-form .task-answer-container{position:relative!important}}.decision-form .task-answer-container .task-comment{width:100%;max-width:1103.2px;margin-top:2rem;margin-bottom:.5rem}.decision-form .task-answer-container .task-comment h4{text-align:center;font-size:1.3rem;margin:.5rem;font-weight:700;color:#333}.decision-form .task-answer-container .task-comment textarea{width:100%;height:80px;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px;color:#333;background-color:#f9f9f9;resize:none}.decision-form .task-answer-container .task-choices{width:100%;max-width:1103.2px;margin-bottom:.5rem}.decision-form .task-answer-container .task-choices h4{text-align:center;font-size:1.3rem;margin:.5rem;font-weight:700;color:#333}.decision-form .task-answer-container .task-choices .choices-container{display:flex;justify-content:space-around;margin-top:10px}.decision-form .task-answer-container .task-choices .choices-container .choice-button{width:20rem;overflow:hidden;padding:.5rem 1rem;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s;border:2px solid transparent}.decision-form .task-answer-container .task-choices .choices-container .choice-button.selected{font-weight:700;border:2px solid black}.decision-form .task-answer-container .task-choices .choices-container .choice-button:not(.selected){background-color:#e0e0e0;color:#333}.decision-form .task-answer-container .task-choices .choices-container .choice-button:not(.selected):hover{border:2px dotted black;font-weight:700}.decision-form .task-answer-container .task-certainty{max-width:1103.2px;width:100%;margin-bottom:.5rem}.decision-form .task-answer-container .task-certainty h4{text-align:center;font-size:1.3rem;margin:.5rem;font-weight:700;color:#333}.decision-form .task-answer-container .task-certainty .certainty-slider{display:flex;align-items:center;justify-content:center}.decision-form .task-answer-container .task-certainty .certainty-slider label{width:19rem;text-align:center;padding:0rem 2rem;font-size:1.2rem;color:#333}.decision-form .task-answer-container .next-button,.decision-form .task-answer-container .next-button-proceeding{display:relative;left:0%;transform:translate(0)}.decision-form .task-answer-container .redecision-btn{margin-top:2rem;display:inline-block;height:auto!important;width:100%;padding:10px;max-width:600px;background-color:#000;color:#fff;border:none;border-radius:5px;cursor:pointer}@media (max-width: 1200px){.decision-form .task-answer-container .redecision-btn{margin-top:3rem}}.decision-form .task-answer-container .redecision-btn:disabled{background-color:#bdc3c7;cursor:not-allowed}.decision-form .task-answer-container .redecision-btn:not(:disabled):hover{background-color:#333}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-container{font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;background-color:#f8f8f8}.loading-container .instruction{text-align:center;font-size:1.3rem}.loading-container .instruction .regular{visibility:hidden}.loading-container .instruction .warning{opacity:0;animation:fadeIn 2s ease-in forwards}.loading-container .instruction a,.loading-container .instruction button{padding:0;margin:0;font-size:1.3rem;font-weight:700;font-family:Arial,Helvetica,sans-serif;background-color:#f8f8f8;border:none;color:#00f;cursor:pointer;text-decoration:underline}.loading-container .instruction a:hover,.loading-container .instruction button:hover{color:navy}*{margin:0;box-sizing:border-box}